Las nuevas funciones de HTML5 recopiladas y resumidas básicamente se pueden utilizar excepto para IE9 y versiones inferiores.
sintaxis HTML5La mayoría de las diferencias gramaticales de html continúan: <!DOCTYPE html> al principio
<html lang=zh-CN><meta charset=utf-8>
La codificación de caracteres se vuelve concisa,
No distingue entre mayúsculas y minúsculas,
Se agregaron valores booleanos, similares a los marcados y seleccionados.
Las comillas se pueden omitir, pero según los estándares de codificación, no se recomienda.
Hay etiquetas que pueden omitir el carácter final y etiquetas que pueden omitirse por completo.
Agregar etiquetas: 1. Etiqueta de estructura(1) Sección: bloque de contenido independiente, que puede estar compuesto por h1 ~ h6 para representar la estructura del documento. También puede tener capítulos, encabezados, pies de página u otras partes del encabezado (2) artículo: bloque independiente especial, que representa; Aparte del contenido principal en el encabezado de este artículo; (3) aparte: el contenido de la etiqueta está relacionado con el contenido de la etiqueta; información auxiliar; (4) encabezado: información del encabezado/título de un determinado bloque; (5) hgroup: contenido complementario de la información del encabezado/título; (6) pie de página: información inferior (7) navegación: parte de la barra de navegación; figura: una unidad independiente, como un bloque de noticias con imágenes y contenido.
2. Etiquetas de formulario(1) correo electrónico: se debe ingresar un correo electrónico; (2) URL: se debe ingresar una dirección URL; (3) número: se debe ingresar un valor numérico (4) rango: se debe ingresar un valor numérico dentro de un cierto rango; ; (5) Selectores de fecha: selector de fecha;
a.fecha: seleccione día, mes, año b.mes: seleccione mes, año c.semana: seleccione semana y año d.time: seleccione hora (horas y minutos) e.datetime: seleccione hora, día, mes, año ( Hora UTC) f.datetime-local: seleccione hora, día, mes, año (hora local)
(6) Buscar: busca campos de texto normales;
(7) color: color
3. Etiquetas de medios(1) video: video (2) audio: audio (3) incrustado: contenido incrustado (incluidos varios medios), Midi, Wav, AU, MP3, Flash, AIFF, etc.
4. Otras etiquetas de funciones(1) marca: marca (como un resaltador para tomar notas) (2) progreso: barra de progreso; <progreso máximo=valor de la barra de progreso máxima valor=valor de la barra de progreso actual> (3) tiempo: etiqueta de datos, utilizada por motores de búsqueda Fecha de lanzamiento <time datetime=2014-12-25T09:00>9:00</time> Fecha de actualización <time datetime=2015- 01-23T04:00 pubdate>4:00</time> (4) ruby y rt: comenta una determinada palabra <ruby><rt>Contenido del comentario</rt><rp>Cómo mostrar cuando el navegador no lo admite < /rp>< /ruby> (5) wbr: salto de línea suave, salto de línea cuando el ancho de la página alcanza el salto de línea requerido (6) lienzo: use código JS para crear contenido para dibujar imágenes (7) comando: botón; (8) detalles : ampliar menú; (9) fecha: mensaje desplegable del campo de texto (10) keygen: cifrado;
Nuevas propiedades:Atributos agregados a js.
<script defer src=.....js onload=alert('a')></script><script async src=.....js onload=alert('b')></script>Si no hay dos atributos anteriores, el orden de ejecución es cargar (descargar) primero el primer src, luego ejecutar su carga y luego ejecutarlo sincrónicamente hacia abajo. El atributo diferido ya existe antes de h5 e ingresar la carga retrasada (ejecución retrasada). , primero cargará (descargará) src contenido del archivo, y luego espere hasta que la página esté completamente cargada, luego cargue el atributo js.async en onload, que es una carga asincrónica. Ejecutará la carga inmediatamente después de cargar src y continuará cargando la página en la secuencia de ejecución anterior. La pantalla de alerta mostrará b primero. Luego mostrará a.
Agregue el código de estilo del ícono pequeño a la etiqueta en la página web
<enlace rel=icono href=url... tipo=nombre de imagen tamaños=16*16>
Lista ordenada ol: inicio agregado (valor inicial de la lista), atributo de tipo de menú invertido (ya sea invertido) (3 tipos de menú) estilo CSS incorporado: defina un bloque de estilo (alcance) dentro de la etiqueta, solo para El marco en línea solo es válido dentro del Etiqueta de estilo: se agregan elementos iframe, sin costuras, sin bordes y sin bordes, y srcdoc define el contenido del marco en línea.
<iframe>Nuevos atributos: <!--seamless define el marco sin bordes ni márgenes--><!--srcdoc tiene un nivel de visualización más alto que sandbox--><!--sandbox se usa para especificar el nivel de seguridad de un marco en línea --><!--sandbox=allow-forms:Permitir envío Formulario --><!--sandbox=allow-origin: Permitir es el mismo origen --><!--sandbox=allow-scripts: Permitir la ejecución de scripts --><!--sandbox=allow-top-navigation : Permitir que las páginas externas salten -->
atributos manifiestos:
Defina los archivos de aplicación fuera de línea necesarios para la página, generalmente ubicados en la etiqueta <html>
atributo de juego de caracteres:
Uno de los metaatributos, que define el juego de caracteres de la página.
atributo de tamaños:
<link>El nuevo atributo se utiliza para establecer el tamaño del icono cuando el enlace es rel=icon.
atributo base:
<base href=http://localhost/ target=_blank> significa que cuando se abre una página en una nueva ventana, el contenido del href se agregará como prefijo a la dirección.
aplazar atributo:
El atributo de etiqueta de secuencia de comandos indica que una vez cargada la secuencia de comandos, solo se ejecutará cuando la página también esté cargada (ejecución retrasada)
atributo asíncrono:
El atributo de etiqueta de secuencia de comandos se ejecuta inmediatamente después de cargar la secuencia de comandos (el navegador analizará el siguiente contenido durante el proceso de ejecución), incluso si la página no se ha cargado (ejecución asincrónica)
atributo de medios:
Atributo del elemento <a>: indica qué dispositivo está optimizado
atributo hreflang:
El atributo de <a> indica el idioma utilizado por la URL a la que apunta el hipervínculo.
atributo de referencia:
El atributo de <a> define si el hipervínculo es un enlace externo
atributo invertido:
Atributo <ol>, define si el número de serie es flashback
atributo de inicio:
Los atributos de <ol> definen el valor inicial del número de secuencia
atributo de alcance:
El atributo del estilo CSS incrustado. La definición de este estilo se limita a los elementos con el estilo incrustado. Es adecuado para el desarrollo de una sola página.
Atributos globales HTML5: se pueden usar para cualquier etiqueta, los siguientes 6
datos-tuvalor, oculto, Spenllecheck, tabindex, contenteditable, desginMode;
Propiedades globales:
1. Se puede insertar directamente en la etiqueta: nombre del atributo personalizado de datos; oculto (póngalo directamente para ocultar); corrector ortográfico = verdadero (corrección gramatical); haga clic en el contenido para modificar); 2. Inserte window.document.designMode = 'on' en JavaScript (una propiedad global de JavaScript, el texto de toda la página se puede editar);
Resumir
Lo anterior es un resumen de las nuevas etiquetas y atributos de HTML5 introducidos por el editor. Espero que le resulte útil. Si tiene alguna pregunta, déjeme un mensaje y el editor le responderá a tiempo. ¡También me gustaría agradecer a todos por su apoyo al sitio web de artes marciales VeVb!