Atributos HTML5

1.HTML5 nació

Fue desarrollado conjuntamente por W3C y la organización WHAT y lanzado oficialmente en 2014.

2. HTML5 se ha convertido en una nueva generación de estándares de desarrollo web.

3. Nuevas funciones de HTML5 (entrevista)

Se agregó reproducción de audio y video, Flash abandonado
Lienzo de lienzo agregado (pintura, creación de animaciones (como desarrollo de juegos pequeños, etc.))
Geolocalización
Caché sin conexión agregado
Aceleracion de hardware
Web Socket (comunicación full duplex)
Almacenamiento local agregado
Se agregaron algunas etiquetas semánticas.

4. Etiquetas de diseño de página web

encabezado: parte superior de la página
nav: barra de navegación
a un lado: barra lateral
principal: cuerpo principal
sección: bloque
artículo: artículo
pie de página: pie de página

5. Etiquetas semánticas

marca: Pantalla resaltada (nivel de línea)
detalles (descripción) y resumen (resumen): generalmente se usa para la explicación del sustantivo o para encapsular un bloque, etc.
metro: definición de pesos y medidas

Atributo: valor / min / max
progreso: barra de progreso

Atributo: valor / min / max
diálogo: cuadro de diálogo o ventana
figura: se usa para combinar elementos (generalmente se usa para combinar el título, la imagen y la descripción de una imagen)

6. multimedia HTML5

1) audio Reproduce música o audio. Las versiones inferiores a IE9 no son compatibles.

a) Formato admitido 
    .mp3 / .ogg / .wav 
b) Atributo 
    src: 
    reproducción automática de ruta de archivo : 
    bucle de reproducción automática : 
    controles de bucle : barra de control 
    silenciada: 
    precarga de silencio : precarga (cuando se usa la reproducción automática, la precarga es automáticamente inválida)

2) el video carga el video. Las versiones inferiores a IE9 no son compatibles.

a) Formato admitido 
    .mp4 / .ogg / .webm 
b) Atributo 
    src: 
    reproducción automática de ruta de archivo : 
    bucle de reproducción automática : 
    controles de bucle : barra de control 
    silenciada: 
    precarga de silencio : precarga (cuando se usa la reproducción automática, la precarga no es válida automáticamente) 
    ancho: ancho 
    alto : 
    cartel de altura : cartel

3) Inserte contenido o cargue complementos.

Atributos: 
    src: 
    ancho de la ruta del archivo : ancho 
    alto: alto 
    tipo: tipo

4) Lienzo de lienzo. Es un elemento contenedor.

Nota:

No tiene mucho sentido usar lienzo solo, debe usarse junto con Javascript. Su función específica se refleja en

Javascript refleja el presente.
Es mejor no lograr el ancho y la altura del lienzo a través de CSS, sino utilizar directamente los atributos de etiqueta ancho y alto.

7. Atributos comunes de HTML5

contentEditable convierte la etiqueta a un estado editable. Se puede utilizar para todas las etiquetas. Su valor es verdadero / falso.
oculto oculta el elemento. Generalmente se utiliza para pasar un valor o cuando se establece una determinada condición, se muestra el contenido de la ejecución. El valor predeterminado está oculto.
data- * se utiliza para almacenar los datos personalizados privados de la página o aplicación. Generalmente se usa para pasar valores.
multiple especifica que se pueden seleccionar varios contenidos en el campo de entrada. Se utiliza en componentes de formulario, como file / select.
Los elementos obligatorios de la tabla de restricciones deben ingresar un valor antes de enviarse entre sí. Usado en componentes de formulario, debe usarse junto con el botón Enviar.
patrón

El modo utilizado para validar el campo de entrada. Usado en componentes de formulario, debe usarse junto con el botón Enviar.

8. Formar componentes

color: color
correo electrónico: Correo electrónico
tel: número de teléfono
url: URL
número: número
rango: rango
buscar Buscar
fecha: fecha
datetime: fecha y hora
datetime-local: fecha y hora local
año: año
mes: mes
tiempo tiempo

9. Atributos de forma

formaction: modifica el lugar donde se envían los datos de la acción
formenctype: modifica el tipo de solicitud de formulario
formmethod: modificar el método de envío de datos
formulario: establece a qué formulario pertenece el elemento del formulario
no validar: no verificar

10.atributo de entrada

autocompletar: Autocompletar se usa para ayudar al usuario a ingresar, cada vez que ingresa el contenido, si el navegador guarda el valor de entrada para uso futuro. Los valores son: encendido / apagado, el valor predeterminado es encendido. Para proteger los datos confidenciales (como cuentas de usuario, contraseñas, etc.) y evitar que los navegadores locales los almacenen de forma insegura, generalmente es necesario cerrarlos.
autofocus: enfoque automático
paso: longitud del paso
múltiple: selección múltiple
patrón: coincidencia regular
marcador de posición: solicitud de entrada
requerido: debe ser ingresado

04 Atributos HTML5