Todos sabemos que un componente importante de un edificio es el establecimiento de sus cimientos, y sin unos cimientos sólidos y buenos. La hermosa apariencia y decoración ya no existen. Creamos páginas web que cumplen con las etiquetas web y la mayoría de la gente está más preocupada por la tecnología CSS y sus aplicaciones. Pero también debemos entender que no importa cuán poderoso sea CSS, también afecta a XHTML. Sin una base XHTML bien estructurada, nuestro diseño será más difícil de implementar. Quizás nuestra base sea muy sólida, pero los detalles complicados y la estructura irrazonable también se convertirán en obstáculos para nuestro desarrollo.
En los primeros días de la Web, HTML solo se usaba para agregar forma y estructura básicas. Con el desarrollo de Internet, se utiliza HTML para representar páginas. Usamos varias combinaciones para lograr el aspecto que queremos. Estamos acostumbrados a usar la etiqueta B para poner en negrita el título del documento, pero no usamos el título h1 ~ h6 para mostrarlos. Lo que es más importante es que ejecutamos tablas para el diseño. Al principio, las tablas solo se usaban para mostrar datos de la tabla, no para el diseño y la visualización del diseño, pronto descubrimos que todo se perdió. El diseño de fuentes, tablas, negritas, etc. se han convertido en un desastre. se vuelve incomprensible. Y cada vez es más complejo.
Cada vez nos inclinamos más a depender de herramientas WYSIWYG como Dreamweaver para procesar páginas web, pero desafortunadamente, dicho software no mejora esta situación caótica, sino que añade un marcado propio más complejo. En este caso ya no podemos editar el código a mano y todo se ve realmente mal.
Con la aparición de CSS, hemos visto un amanecer de esperanza en la creación de páginas web que cumplan con los estándares web. Ha comenzado una nueva era. Podemos eliminar algunas etiquetas sin sentido, como: fuente, b, i, etc. Dejamos estas tareas a CSS. Podemos usar CSS para el diseño en lugar de usar tablas para crear páginas.
Podemos crear documentos según el significado de la propia etiqueta y podemos redefinir su apariencia a través de CSS usando el estilo predeterminado del navegador. Títulos, párrafos o listas en contenido, podemos resetearlos mediante CSS. Los títulos no tienen que ser grandes, en negrita y feos. Los párrafos pueden controlar el interlineado y la sangría. Las listas no tienen que ser verticales, también podemos organizarlas horizontalmente. etc.
El beneficio de las etiquetas significativas nos facilita comprender el contenido del código y procesarlo. Por ejemplo, si necesitamos modificar todos los enlaces externos de la página, si agregamos etiquetas apropiadas a estos elementos, podremos encontrarlos y modificarlos fácilmente. Si todo está mezclado, no tenemos por dónde empezar.
Además de facilitar nuestro desarrollo, otros dispositivos y programas también pueden comprender mejor los documentos. El más típico es el reconocimiento de los motores de búsqueda que pueden encontrar fácilmente los títulos y subtítulos del contenido de los artículos. Si el espectador utiliza un dispositivo de lectura portátil, puede confiar en el título, el contenido, etc. para ofrecer una buena navegación y mostrar proporciones.
Lo más importante es que las etiquetas HTML significativas proporcionarán una manera fácil de ajustar los elementos al estilo que desee. Estas etiquetas significativas crean un modelo de marco estructural básico en el documento y no tenemos que agregar otros elementos. y otros identificadores pueden controlar directamente el rendimiento.
Estas etiquetas significativas incluyen principalmente:
h1, h2...h6;
ul,ol,dl;
fuerte, em;
cita en bloque, citar;
abbr, acrónimo, código;
conjunto de campos, leyenda, etiqueta;
caption, thead, tbody, tfoot, etc.
En el diseño de página CSS, cuando pueda usarlos, no use otras cosas. Intente utilizar etiquetas HTML significativas.