Introducción del artículo de Wulin.com (www.vevb.com): se deben formular los requisitos de consistencia para los documentos HTML5, e incluso se deben utilizar nuevos elementos, atributos, API y modelos de contenido. De esta manera, el contenido web se puede degradar elegantemente en agentes de usuarios mayores o menos capaces. Usemos el formulario HTML5 para ilustrar. Los nuevos tipos agregados a la entrada incluyen número, búsqueda, rango, correo electrónico, fecha, URL, etc. Estos valores de nuevos tipos están en navegadores que no lo admiten.
Nota: Los ejemplos en este artículo deben mostrarse en el código, pero debido a que el doctype que estamos usando ahora es xhtml1.0, el navegador no puede leer el código HTML5, y pre no se puede pre
Lea el código, por lo que solo puede explicarse con palabras.
Evite la complejidad innecesaria
Las soluciones concisas son siempre más populares que las complejas, si es posible.
El tipo de documento de HTML 4.01 se establece así (omití los soportes de ángulo debido al análisis del navegador):
! Doctype html público -// w3c // dtd html 4.01 // es
El Doctype de XHTML 1.0 es:
! Doctype html público -// w3c // dtd xhtml 1.0 Strict // es
En HTML 5, si se elimina la complejidad innecesaria, DocType se simplifica para :! DOCTYPE HTML
Apoya el contenido existente
El contenido existente se basa en el procesamiento y el comportamiento esperados del agente de usuarios para lograr la funcionalidad esperada.
Apoyar el contenido existente significa soporte del 100% para el contenido existente.
Resolver problemas reales
El problema que enfrenta el contenido de la página web no es adecuado para la solución real que no puede satisfacer las necesidades existentes.
Por ejemplo, supongo que uso HTML 4 o XHTML 1, correspondiente a una pieza completa de contenido, como una lista de productos, incluida la imagen del producto, el título del producto, la introducción del producto, etc. Quiero agregar tres enlaces idénticos a estos tres elementos respectivamente. Sin embargo, en HTML5, puede usar una etiqueta para incluir estos tres bloques. Es decir, la etiqueta A contiene elementos de nivel de bloque. Esto resuelve el problema real.
Buscando la verdad y ser pragmático
Los nuevos elementos semánticos en HTML5 son reflexiones que siguen el principio de búsqueda de la verdad y pragmática.
Si mira la página web ahora, probablemente habrá algunos códigos como este: id = encabezado ID = navegación id = id = barra lateral ID = pie de página Sin embargo, en html5, las etiquetas recién agregadas pueden reemplazar el div, como encabezado, navegación, aparte, pie. No piense que estos son reemplazos de ID. No, las nuevas etiquetas son en realidad reemplazos de clase, porque estas etiquetas se pueden reutilizar en la página.
Degradación estable
Se deben formular los requisitos de consistencia para los documentos HTML5, e incluso se deben utilizar nuevos elementos, atributos, API y modelos de contenido. De esta manera, el contenido web se puede degradar elegantemente en agentes de usuarios mayores o menos capaces.
Usemos los formularios HTML5 para ilustrar. Los nuevos tipos agregados a la entrada incluyen número, búsqueda, rango, correo electrónico, fecha, URL, etc. Estos nuevos valores de tipos se interpretarán como texto en navegadores que no lo admiten. Por lo tanto, puede usar audazmente formularios HTML5, que pueden rebajarse elegantemente.
Prioridad del usuario final
Una vez que se encuentra conflicto, se prefiere el usuario final, seguido por el autor, el implementador, el setter estándar y finalmente la perfección teórica.
PDF: Diseño de HTML5