Hemos estado enfatizando la semántica en nuestros artículos en Cuoxin.com, entonces, ¿cómo debemos usar etiquetas HTML? ¿Dónde están sus ubicaciones de uso general?
Cuando entré en contacto por primera vez con XHTML CSS para diseñar páginas web, no tenía experiencia en el uso de etiquetas y era muy informal. A menudo usaba lo que recordaba y pensaba que mientras se pudiera lograr el efecto. Sin embargo, con la profundización del aprendizaje y la comprensión del conocimiento de la optimización de motores de búsqueda, se encuentra que el uso de etiquetas es en realidad una ciencia.
Aquí no presentaremos los atributos y el uso correspondientes de cada etiqueta en CSS, y nos centraremos en la aplicación en las páginas web. Espero que sea de ayuda para todos.
1. Div
Div debe estar familiarizado con amigos que construyen sitios web XHTML. Muchos sitios web y materiales también se denominan construcción de sitios web estándar web como la construcción del sitio web Div CSS. No es irrazonable llamarlo de esta manera, porque W3C no recomienda que las etiquetas de tabla se apliquen al diseño de la página web, y Div, como etiquetas de diseño, naturalmente asume la gran responsabilidad del diseño.
También se puede decir que Div es un recipiente grande. Además de la estructura general y el diseño de la página web, se recomienda dividir áreas que parecen relativamente independientes en la página web. Al igual que un periódico, la función de Div es dividir un gran contenedor de diferentes contenidos. En diferentes regiones, las etiquetas apropiadas correspondientes se seleccionan de acuerdo con la situación específica.
2. Etiqueta H
La etiqueta H es una etiqueta de título, comúnmente utilizada antes de un párrafo, para indicar el significado del párrafo para expresar. De acuerdo con el nivel de pantalla y el significado a expresar, se puede dividir en H1 ~ H6.
H1 es de la mayor importancia y a menudo se usa para expresar una descripción del papel y la naturaleza de todo el sitio web, o para indicar a la audiencia hacia la que el sitio web está orientado. Otras etiquetas se utilizan para mostrar el nombre de un área determinada o una descripción aproximada de un cierto párrafo de texto de introducción de acuerdo con diferentes niveles.
Debido a que representa una descripción general de un sitio web o un cierto párrafo de texto, la etiqueta H tiene un alto valor en comparación con los motores de búsqueda. Pero esto no significa que se pueda usar a voluntad. Por ejemplo, para seguir deliberadamente la clasificación de palabras clave específicas, algunos sitios web usan etiquetas H para mostrar palabras clave en un párrafo de texto. O simplemente use la etiqueta H como contenedor para diseñar la página web. Esto ofusca completamente el papel de la etiqueta H y no se recomienda.
Iii. PAG
P es una etiqueta de párrafo utilizada para distinguir diferentes párrafos de un conjunto de texto. Para los motores de búsqueda, el texto en la primera etiqueta P también es de alto valor de acuerdo con su orden de rastreo. Por ejemplo, Baidu, ignora el texto en la descripción de la metaetiqueta y toma el contenido en la primera etiqueta P (no absoluta).
Para permitir que los motores de búsqueda rastreen más contenido y brinden a los usuarios una experiencia de navegación, algunos sitios web usan las etiquetas <br/> al segmentar. Esto no es cierto. A veces los resultados esperados no se logran en absoluto. Para los documentos con tipos estrictos (estrictos), las etiquetas se expresan y no se permite que se usen.
Aunque la mayoría de los sitios web usan tipos de documentos de transición, no recomiendo usarlos en segmentos de texto.
IV. Etiquetas UL y Li
Esta es una lista desordenada, la etiqueta UL es una declaración de la lista y el LI es un elemento de la lista. Debido a la relativa independencia de sus proyectos, a menudo se usa en lugares como navegación, noticias o listas de artículos. UL también se puede usar como contenedor para distinguir diferentes listas.
Algunos sitios web pueden buscar estándares web y convertir tablas para expresarse con UL y Li, lo que hace que las páginas web sean difíciles de leer y mantener. El entendimiento incorrecto es exactamente contrario al concepto transmitido para los estándares web.
5. Mesa
Presentaré el uso de la mesa aquí. Solo quiero decir que el estándar web no significa que la tabla no pueda usarse en el futuro, pero no se recomienda usar la tabla para el diseño, y solo se usa al mostrar datos. Por lo tanto, el uso de páginas web y etiquetas de mesa compatibles con la web no es contradictorio.
6. Etiquetas para motores de búsqueda
(1) Título: El título de la página web, la descripción del sitio web. Las sub-etiquetas también son muy valiosas para los motores de búsqueda, y las palabras clave objetivo a menudo se incluyen.
(2) Palabras clave de Meta: las principales palabras clave en la página web. Inicialmente, estaba preparado para facilitar los motores de búsqueda para clasificar los sitios web, pero más tarde, muchos sitios web a menudo usaban esta etiqueta para hacer trampa para hacer que las clasificaciones de palabras clave sean más beneficiosas, por lo que esta etiqueta ahora casi no tiene sentido para los motores de búsqueda.
(3) Meta Descripción: Descripción de las páginas web. Al igual que las palabras clave, originalmente tenía la intención de facilitar la clasificación del motor de búsqueda. También se debe a que muchos sitios web usan esta etiqueta para hacer trampa, por lo que ya no es tan importante para los motores de búsqueda. Actualmente, solo Google todavía está rastreando el contenido en los motores de búsqueda convencionales, pero es casi imposible determinar las palabras clave de acuerdo con el contenido en él.
De hecho, para los motores de búsqueda, lo más importante es la calidad del contenido. Del mismo modo, creamos sitios web para promocionarnos a los visitantes. No olvide la raíz del problema debido a la velocidad de un momento. Después de todo, los usuarios están preocupados por si la información es lo que necesitan, no la clasificación de su sitio web.
Las etiquetas mencionadas anteriormente que a menudo se usan para principiantes, que tienen más probabilidades de confundir la ubicación de uso.