En tutoriales anteriores sobre wulin.com, se ha enfatizado muchas veces que los archivos HTML de la página web tienen semántica. Debemos elegir las etiquetas HTML o XHTML más apropiadas en función de la estructura del documento HTML de la página web, en lugar de seleccionarlas en función de su apariencia y estilo. Use la etiqueta P para definir un párrafo, en lugar de usarla para obtener un nuevo efecto de línea. En lugar de usarlos para lograr el tamaño del texto y los efectos en negrita, usamos etiquetas H1-H6 para marcar los títulos.
Por ejemplo, un título, podemos definirlo con H1:
<h1> El texto del título del artículo está escrito aquí </h1>
Y de ninguna otra manera se debe usar para definirlo:
<syle p = font-size: 16px; Font-Weight: Bold;> El texto del título del artículo está escrito aquí </p>
En artículos anteriores de Wulin.com, enumeramos todas las etiquetas permitidas por XHTML1.0, y también podemos encontrar que en realidad hay muy pocas etiquetas de elementos que nos permitan elegir. Pero también nos damos cuenta claramente de que estas marcas elementales refinadas también son más significativas. Si realmente no puede encontrar el elemento correcto para marcarlo, puede usar las etiquetas comunes de div y span.
El uso de divs y etiquetas de tramo en la página es un problema nuevo, y somos propensos a usarlas demasiado. El uso necesario y razonable de DIV puede mejorar significativamente la estructura del documento. Si mira su documento HTML y encuentra que hay muchos divs y tramos, entonces debe mirar el problema desde una perspectiva diferente. ¿Hay algún abuso? ¿Hay mejores marcadores para reemplazarlos? Si H1 puede representar mejor el contenido marcado, entonces debe renunciar a P o un tramo para la definición.
Quizás este sea un par de contradicciones, y es difícil para nosotros comprender cómo usarlas correctamente, o tal vez no podemos obtener una respuesta clara. Pero una cosa que debe aclararse es que debemos hacer que el documento lógicamente sea claro y más fácil de aplicar estilos. Podemos ver un DIV como un contenedor o como un componente de un documento. Usamos demasiados contenedores, que no es un patrón sabio. Un contenedor que está justo en una posición razonable puede hacer que todo el documento se vea muy organizado.
El siguiente código es más razonable y efectivo:
<Div ID = Header>
<h1> wulin.com VEVB.com. Bienvenido a su llegada </h1>
<h2> wulin.com webjx.com proporciona la última y más rápida tecnología web </h2>
<p> Wulin.com VEVB.com proporciona tutoriales de producción web, tutoriales de producción web dinámica, guías de creación de sitios web, tutoriales de animación flash, tutoriales de video, códigos de efectos especiales web, materiales web, descargas de libros y otros contenidos. Espero que pueda ayudarlo en su trabajo y estudiar. </p>
</div>