¿Deberíamos tratar de usar todos los H1 a H6 en un sitio web?

Question

¿Deberíamos usar todos los H1 a H6 en un sitio web?

uso h1 to h2 por lo general. ahora cómo juzgar y decidir dónde usar H3 a h6.

deberíamos usar como esto

h3 {display:inline} 

<div id="content"> 
    <h3> some text in bold:</h3> 
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
     sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
     </p> 
    <h3> some text in bold:</h3> 
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
     sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
     </p> 
</div> 

o esta

span {font-weight:bold} 

<div id="content"> 
    <p><span> some text in bold:</span> 
    Lorem ipsum dolor sit amet, 
    consectetur adipisicing elit, sed do eiusmod tempor 
    incididunt ut labore et dolore magna aliqua. 
    </p> 
    <p><span> some text in bold:</span> 
    Lorem ipsum dolor sit amet, 
    consectetur adipisicing elit, sed do eiusmod tempor 
    incididunt ut labore et dolore magna aliqua. 
    </p> 
</div> 

para obtener como resultado lke este

alt text http://easycaptures.com/fs/uploaded/226/1452064646.png

Ambos métodos son W3C válido, con CSS que puedo lograr mismo aspecto de ambos métodos, por lo que es semántico y accesible?

Answer 1

Si el texto es funcionando como un nivel de encabezado bajo el nivel H2, sería un H3. Enjuague/repita para H4 a H6.

XHTML es semántico: use las etiquetas según lo que significan. Lo que parecen es su elección, incluso si se muestran como elementos de bloque o en línea.

Answer 2

Los usa como los necesita, al igual que con cualquier otra etiqueta (fuera de las etiquetas obligatorias: html, head, etc.) Úselos cuando los necesite, pero úselos correctamente.

Answer 3

Si desea que el contenido sea una subsección (es decir, una separación distinta, no simplemente un bloque de párrafo) de la sección en la que se encuentra, utilice el siguiente nivel de encabezado disponible. De lo contrario, solo péguelo en un párrafo. A menos que sea absolutamente necesario, evita envolver tus elementos en una etiqueta div solo por el simple hecho de tener una etiqueta div. No es semántico y puede deshacerse de las arañas de los motores de búsqueda.

Answer 4

Debe tener en cuenta que los motores de búsqueda como Google etiquetas utilización de cabecera (H1) en el tratamiento de páginas para la indexación y la fila de la página, etc.

Ver How Google is using HTML tags to enhance the search engine?

Answer 5

Al escribir las páginas que trato de pensar en ella como la escritura un Libro, si el contenido está relacionado con la sección principal de tal manera que merece su propia sección, entonces use H3, H4 ... de lo contrario, puede usar otras etiquetas html, como una dd (Lista de definiciones) o ul (Desordenada) Lista).

Por supuesto, si va para SEO, siempre use su h1 y h2, para títulos de contenido principal (o simplemente la información que desea que el usuario encuentre). Y luego, como se dijo anteriormente, trata de hacer que parezca un libro (publicación).

Answer 6

HTML es un lenguaje de marcado , lo que simplifica mediante la descripción de su contenido semántico . CSS es para diseñar su contenido, es decir, visual parte. Al igual que <p> significa que un bloque de texto es un parapgraph <Hn> significa que un bloque de texto es un encabezado.

Los títulos describen la estructura de su documento, una estructura de datos arbolada, si lo desea.

La extensión de desarrollador web para Firefox tiene una característica agradable que le permite ver la estructura de su documento marcado. Puede encontrarlo en Información-> Esquema del documento.

Answer 7

Desde el punto de vista de la accesibilidad, no use múltiples niveles de encabezados a menos que haga referencia a su estructura de contenido. Por ejemplo, el documento principal debe tener el título de nivel uno, las secciones principales en el documento deben tener el título de nivel dos, y las subsecciones deben tener el título de nivel tres. Wikipedia hace un buen trabajo al respecto, para un ejemplo, consulte el siguiente enlace que tiene secciones y subsecciones. http://en.wikipedia.org/wiki/Database_normalization

Answer 8

Un encabezado es un título para una sección de una página. Describe esa sección, en pocas palabras.

No hay una regla simple que funcione si un bit dado de un texto en negrita en un documento se marca mejor como un encabezado.

En el ejemplo que ha dado, es particularmente difícil determinar si el texto en negrita debe ser un encabezado, porque el texto no tiene sentido. "Semántico" solo significa "significado". El marcado "más semántico" es el que mejor comunica el significado de la página. Como el texto del marcador de posición no tiene ningún significado, no puede elegir cómo marcarlo.

Una forma de decidir si un texto debe marcarse como encabezado es imaginar cómo se vería el documento si el usuario solo pudiera ver un bosquejo de él, generado a partir de sus títulos. P.ej.

• <h1>
  • <h2>
    • <h3>
    • <h3>
  • <h2>
    • <h3>
      • <h4>
  • <h2>
    • <h3>

¿Tendría sentido el texto en el esquema? ¿O no es realmente un encabezado, sino simplemente en negrita porque el diseñador quería enfatizarlo?