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 elementales 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 presentar 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 del 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, 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. Aquellos sin etiquetas cerradas (como BR e IMG) deben cerrarse automáticamente después de usar el corte de medio ángulo inglés " /" (como <Br />). Preste atención al hecho de que debe haber un espacio medio en inglés antes del corte.
Las etiquetas también deben estar de manera holística para que los elementos se aniden correctamente (por ejemplo, <strong> <em> this </em> </strong>, no <strong> <em> this </strong> </em>).
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 minúsculas, y sus valores también deben estar encerrados en comillas de medio ancho inglés (").
El atributo simplificado no está permitido (por ejemplo, <input type = "Checkbox" marcado />). Por convención, un atributo optimizado debe dar el mismo valor que el nombre del atributo (como <input type = "checkbox" checked = "checked" />).
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 severas, sino que también facilita la mayoría de los usuarios con pequeñas cantidades de funciones de regresión (visión extraordinaria).
Este problema está cada vez más involucrado en cuestiones legales, como la adopción del "508" en los Estados Unidos, que intenta promover activamente el uso de la afinidad obligatoria; En el Reino Unido, todos los sitios web del gobierno deben tener un nivel de afinidad específico. ¿Cuándo puede haber una legislación como medidas de afinidad en edificios para que puedan usarse ampliamente en sitios web comerciales? (¡China todavía no sabe cuándo estará disponible este tipo de legislación! Pero eso 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 discapacitados. 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.