Cuando entraron en contacto por primera vez con XHTML+CSS para diseñar páginas web, muchos de mis amigos tenían poca experiencia en el uso de etiquetas y eran muy casuales. A menudo usaban lo que les venía a la mente, pensando que siempre que pudiera lograr el efecto, así sería. sería suficiente. Pero con la profundización del estudio y la comprensión del conocimiento de optimización de motores de búsqueda, descubrí que el uso de etiquetas XHTML es en realidad un conocimiento.
A continuación se presenta el uso correcto de algunas etiquetas XHTML que los principiantes usan comúnmente y cuyo uso es fácil de confundir. Bienvenido a seguir la página web de Taoba y bienvenido a discutir. No daré una introducción detallada a los atributos correspondientes y el uso de cada etiqueta en CSS aquí. Me centraré en la aplicación en páginas web. Espero que pueda ser útil para todos.
1.DIV
DIV debería ser familiar para los amigos que crean sitios web XHTML. Muchos sitios web y materiales también llaman construcción de sitios web estándar web construcción de sitios web DIV + CSS. No es descabellado llamarlo de esta manera, porque el W3C no recomienda que se utilice la etiqueta Tabla en el diseño de páginas web, y DIV, como etiqueta de diseño, naturalmente asume la importante responsabilidad del diseño.
También se puede decir que DIV es un contenedor grande. Además del diseño estructural general de la página web, se recomienda utilizarlo para dividir áreas que parecen ser relativamente independientes en la página web. Al igual que un periódico, la función de DIV es un contenedor grande para dividir diferentes contenidos. En diferentes áreas, se seleccionan etiquetas apropiadas según situaciones específicas.
2. Etiqueta H
La etiqueta H es una etiqueta de título, que a menudo se usa antes de un párrafo para indicar el significado del párrafo. Se puede dividir en H1 ~ H6 según el nivel de visualización y el significado a expresar.
H1 es de suma importancia y se utiliza a menudo para expresar una descripción de la función y la naturaleza de todo el sitio web, o para indicar la audiencia a la que está destinado el sitio web. Otras etiquetas se utilizan para mostrar el nombre de un área determinada o una descripción general de un texto introductorio determinado según el nivel.
Debido a que representa una descripción general del sitio web o un determinado párrafo de texto, la etiqueta H tiene un valor alto en relación con los motores de búsqueda. Pero esto no significa que pueda usarse de manera casual. Por ejemplo, algunos sitios web utilizan etiquetas H para mostrar palabras clave en un párrafo de texto con el fin de buscar deliberadamente clasificaciones para palabras clave específicas. O simplemente utilice la etiqueta H como contenedor para diseñar la página web. Esto confunde completamente el papel de la etiqueta H y no se recomienda.
3.P
P es una etiqueta de párrafo que se utiliza para distinguir diferentes párrafos de un conjunto de texto. Para los motores de búsqueda, según su orden de rastreo, el texto de la primera etiqueta P también tiene un valor alto. Al igual que Baidu, ignora el texto en la descripción de la metaetiqueta (descripción) y toma el contenido de la primera etiqueta P (no del todo).
Para permitir que los motores de búsqueda rastreen más contenido y brinden a los usuarios una mejor experiencia de navegación, algunos sitios web utilizan la segmentación.
Etiqueta. Esto no quiere decir que sea imposible. A veces, no se puede lograr el efecto deseado. Para documentos estrictamente mecanografiados,
Es una etiqueta que pertenece a la forma de expresión y no se permite su uso.
Aunque la mayoría de los sitios web utilizan tipos de documentos de transición, no recomiendo usarlos para la segmentación de texto.
4. Etiquetas UL y LI
Esta es una lista desordenada, la etiqueta UL es la declaración de la lista y LI es el elemento de la lista. Debido a la relativa independencia de sus proyectos, se utiliza a menudo en navegación, noticias o listas de artículos. UL también se puede utilizar como contenedor para distinguir diferentes listas.
Algunos sitios web pueden seguir "estándares web" y convertir tablas a UL y LI, lo que dificulta la lectura y el mantenimiento de las páginas web. La comprensión incorrecta va en contra de los conceptos que nos transmiten los estándares web.
5. mesa
No introduciré demasiado sobre el uso de Table aquí. Solo quiero decir que el estándar web no significa que Table no se pueda usar en el futuro, pero no se recomienda usar Table para el diseño y solo debe usarse. al mostrar datos. Por tanto, no existe contradicción entre las páginas web que cumplen con la Web y el uso de etiquetas Table.
6. Etiquetas preparadas para buscadores
(1)Título: El título de la página web, una descripción del sitio web. Las subetiquetas también son valiosas para los motores de búsqueda y, a menudo, incluyen palabras clave objetivo.
(2) Meta palabras clave: las palabras clave principales de la página web. Originalmente se preparó para facilitar que los motores de búsqueda clasificaran sitios web, pero en el período posterior, muchos sitios web a menudo usaban esta etiqueta para hacer trampa y hacer que la clasificación de las palabras clave fuera más favorable, por lo que ahora esta etiqueta casi no tiene significado para los motores de búsqueda.
(3) Descripción de Meta: una descripción de la página web. Al igual que las palabras clave, originalmente estaba destinada a facilitar la clasificación en los motores de búsqueda. También se debe a que muchos sitios web utilizan esta etiqueta para hacer trampa, por lo que ya no es tan importante para los motores de búsqueda. Actualmente, entre los principales motores de búsqueda, sólo Google sigue rastreando el contenido, pero difícilmente determina las palabras clave basadas en el contenido.
De hecho, para los buscadores lo más importante es la calidad del contenido. De manera similar, creamos sitios web para promocionarnos ante los visitantes. No olvide los fundamentos debido a la rapidez. Después de todo, a los usuarios les importa si la información es lo que necesitan, no la clasificación de su sitio web.