Introducción al artículo de Wulin.com (www.vevb.com): HTML5 hace que la interacción de la computadora, y la interacción de la red humana se vuelve más cómoda y se ajusta a los usuarios. La falta previa de soporte para aplicaciones de medios ricos y este almacenamiento ya no es un dolor para los navegadores. La intención original de la revolución HTML5 es promover la web de una plataforma de contenido a una plataforma de aplicación estandarizada y unificar los estándares de cada campamento de plataforma.
Qué es HTML5, no necesito entrar en detalles aquí. Según mi entendimiento, la innovación de HTML5 se puede resumir como un sistema de etiquetas semánticas, soporte de medios ricos con tecnología de almacenamiento de datos local tradicional tradicional, mágica, animación rica (lienzo) sin complementos y poderoso soporte de API. En resumen, HTML5 hace la interacción de la computadora, y la interacción de la red humana se vuelve más cómoda y se adapta a los usuarios. La falta previa de soporte para aplicaciones de medios ricos y este almacenamiento ya no es un dolor para los navegadores. La intención original de la revolución HTML5 es promover la web de una plataforma de contenido a una plataforma de aplicación estandarizada y unificar los estándares de cada campamento de plataforma.
En este artículo, presentaré una de las innovaciones de HTML5: una estructura más clara y concisa.
Un código de encabezado XHTML estándar desde el principio debería verse así:
Arriba hay una simple parte de la página de blog HTML, que consiste en el encabezado, el área de visualización del artículo, la columna del lado derecho y la parte inferior. La codificación es ordenada y se ajusta a la semántica de XHTML, que se puede realizar bien incluso en HTML 5. Pero para el navegador, este es un código que no distingue entre pesos, en lugar de una etiqueta que permite que la máquina comprenda la semántica para definir el bloque correspondiente. Por ejemplo, los navegadores estándar (como Firefox, Chrome e incluso la nueva versión de IE9) tienen una clave de acceso directo que puede llevar a los clientes a saltar directamente a la navegación de la página, pero el problema es que todos los bloques están definidos por DIV, y el valor de ID del DIV está determinado por el desarrollador, por lo que el navegador no sabe qué bloque debe ser el bloque donde se encuentra el enlace de navegación. La aparición de nuevas etiquetas HTML 5 lo compensa para esta deficiencia. Entonces, si el código anterior se reemplaza con HTML 5, puede escribirlo así:
Resulta que la estructura de la página HTML puede ser tan hermosa que se puede ver de un vistazo sin comentarios. Para los navegadores, ya no estará perdido cuando encuentre el bloque correspondiente.
Además, aunque HTML5 no es compatible actualmente por todos los navegadores, este encabezado que puede ahorrar más de 100 bytes (para sitios con niveles diarios de PV de un millón o más, puede ahorrar mucho tráfico). Si ha investigado en el modo de resolución del navegador, debe saber que las páginas activarán el modo extraño sin definir Doctype, y mientras se define el navegador, puede analizar las páginas en modo estándar sin especificar un cierto tipo de DTD.
Nuevo sistema de etiquetado semántico
La codificación semántica es una habilidad necesaria para los desarrolladores de front-end calificados, pero a medida que las páginas web se vuelven cada vez más ricas, es obvio que no pueden hacerlo simplemente utilizando la etiqueta XHTML original para desanimarse. Dios dijo: ¡Debe haber luz! Entonces habrá luz. Por lo tanto, HTML 5 proporciona una serie de etiquetas nuevas y atributos correspondientes para reflejar la semántica típica de los sitios web modernos. Práctica para producir la verdad. Vamos a escribir un ejemplo:
No necesito decir cuál es más complicado y cuál es simple. Sí, el encabezado HTML5 puede ser tan simple que se puede recordar fácilmente. Y, el caso, las citas y la barra insegura antes de que se pueda ignorar el último grupo de ángulo.
¿Por qué puede estar tan suelto? De hecho, si XHTML se envía como texto/HTML, el navegador también puede analizarlo bien, y al navegador no le importa la sintaxis del código. Entonces, HTML 5 es metafísico, puede romper algunos de los estándares originales, pero aún puede funcionar bien en el navegador.
Por supuesto, para la comodidad de la asistencia del equipo y el mantenimiento posterior, aún debemos unificar el estilo de escritura que le guste, como:
Echemos un vistazo a cómo es un encabezado HTML5 estándar: