El propósito del tutorial avanzado HTML es explorar las ventajas de HTML y optimizar la afinidad y la facilidad de uso.
Debido a que los tutoriales elementales HTML y los tutoriales intermedios HTML adoptan la postura de usar el último estándar HTML (XHTML versión 1.0 o superior), algunas personas que no han leído los tutoriales primarios e intermedios pueden encontrar difícil comprender algunos aspectos de este tutorial, que también es la razón por la cual los puntos clave existen. En general, cada parte de este tutorial supone que tiene una comprensión interna y exterior de HTML y desea desarrollar aún más su potencial.
Este tutorial es para aquellos que ya han entendido HTML pero no pueden soportar la prueba de los futuros estándares XHTML y están implícitos en la separación de contenido y expresiones.
Contenido y rendimiento separadosHTML nunca ha sido un medio de expresión, pero desde el lado del usuario, combina elementos para formatear el texto, los desarrolladores encuentran formas de operar diseños. El poder de CSS ya no es necesario usar HTML para realizar cualquier representación, y el contenido puede separarse completamente de la representación (CSS).
Hay muchos beneficios al hacer esto: generalmente comprime la capacidad del archivo, tiene la flexibilidad de controlar todo el sitio web en lugar de una sola página con una hoja de estilo principal, y también puede hacer que la página sea más fácil de usar y más afinidad.
Seguir estos principios básicos básicamente significa que ya no debe usar nada que esté diseñando dentro de HTML. Por ejemplo, las etiquetas de fuente y las propiedades de BGColor ya no deben usarse. Incluso el borde del atributo de borde en la etiqueta de imagen IMG es ilegal en XHTML 1.1. No se preocupe, se puede diseñar HTML obsoleto, se puede diseñar CSS y se puede hacer mejor.
No se trata solo de quitar la representación de HTML, la estructura del contenido significa usar etiquetas HTML claras donde encajan. Por ejemplo, H1, H2 y otras aplicaciones se usan en títulos, no solo usar CSS para hacer que la fuente sea más grande.
La mejor guía es usar su estilo predeterminado en un navegador visual para representar una página sin una hoja de estilo (o un navegador de texto con una hoja de estilo, pero no admite una hoja de estilo, como la nota de Lynx-Translator).
Las tablas no deben usarse en el diseño : las tablas se usan para representar datos de formato de tabla (lo hemos dicho muchas veces sin cansarse de él, nota del traductor). Quizás para los htmlers que ya están acostumbrados a las estructuras tradicionales, es muy difícil cambiar por completo. Este método comprime enormemente los archivos y, en base a estos códigos explícitos, se hace más fácil de usar y más afinidad.Para obtener más información, lea el diseño del Tutorial Avanzado CSS.
EtiquetaTodas las etiquetas en XHTML deben ser en minúsculas y cerradas. Sin etiquetas cerradas (como BR e IMG) deben cerrarse en inglés con cortes de medio ángulo hacia adelante/autoproducido después (como
). Tenga en cuenta que debe haber un espacio de medio ancho inglés frente a la barra.
Las etiquetas también deben ser integrales para que los elementos estén anidados correctamente (como este , no esto ).
Todos los documentos deben tener elementos HTML, cabeza, título y corporal. También debe comenzar con la declaración de tipo de documento.
El cuerpo del documento debe comenzar con P, H1, H2, H3, H4, H5, H6, Div, Pre, Dirección, Ins o Del.
propiedadTodos los atributos deben ser en minúsculas, y sus valores también deben estar encerrados en comillas de medio ancho inglés ().
No se permiten atributos delgados (p. Ej. ). Por convención, un atributo simplificado debe dar el mismo valor que el nombre del atributo (p. Ej. ).
El atributo de nombre ya no es legal (excepto en elementos de formulario), y la identificación debe usarse en su lugar.
El objetivo de atributo objetivo no es un atributo legal. Afortunadamente, es un poco loco.
En IMG, se requiere el atributo ALT.
AfinidadNo se ha probado la razón para crear páginas web de afinidad para personas con discapacidades. No solo es humano, sino también beneficioso para los usuarios y usuarios de edad avanzada con características faciales reducidas (piense, un día somos viejos, nuestra vista se reduce y nuestras características faciales no son flexibles, ¿cómo podemos navegar por Internet? La afinidad no solo es conveniente para las personas con discapacidades graves, sino que también facilita la mayoría de los usuarios con pequeñas cantidades de funciones de regresión (especialmente visión).
Este tema está cada vez más involucrado en cuestiones legales, como la adopción del artículo 508 en los Estados Unidos, que intenta promover activamente el uso de afinidad obligatoria; En el Reino Unido, todos los sitios web gubernamentales deben tener un grado específico de afinidad. ¿Cuándo puede haber una legislación como medidas de afinidad en edificios para que puedan usarse ampliamente en sitios web comerciales? (¡China no sabe cuándo esta legislación estará disponible! Pero no significa que no debamos prestar atención a la legalidad de las páginas web que diseñamos. - Nota del traductor)
Si puede seguir las sugerencias anteriores, su HTML ya debería tener una alta afinidad por los usuarios con discapacidades. Hay más creaciones que llevarán su afinidad al siguiente nivel, y no es difícil. Consulte la Guía de Formulario de Affinity Connection y Affinity.