Títulos (X)HTML

Para marcar los títulos con HTML, utilizamos los elementos (h1 al h6), el h1 sirve para marcar el título principal de una página web, mientras que utilizamos el h2, h3, al h6 según la importancia que tiene el título. Los títulos de más importancia se muestran con un tamaño de fuente mayor.

Marcando títulos html

Seguidamente las etiquetas correspondientes a los elementos h1, h2, h3, ...h6 y la forma de utilizarlos.

<h1>Título de nivel 1 </h1>
<h2>Título de nivel 2</h2>
<h3>Título de nivel 3</h3>
<h4>Título de nivel 4</h4>
<h5>Título de nivel 5</h5>
<h6>Título de nivel 6</h6>

Los títulos marcados anteriormente se verían:

Los títulos deben conservar una estructura por orden de importancia

Toda página HTML, debe contar con un solo h1, reservado para el título de mayor importancia, usar el h2 para los subtítulos relevantes, emplear el h3 para títulares contenidos en h2, finalmente utilizar h4, h5 y h6 siguiendo ese orden.

Graficamente tenemos:

<h1>Título principal</h1>
   <h2>Subtítulo nivel 2</h2>
        <h3>Subtítulo nivel 3</h3>
           <h4>Subtítulo nivel 4</h4>
        <h3>Subtítulo nivel 3</h3>

   <h2>Subtítulo nivel 2</h2>
     <h3>Subtítulo nivel 3</h3>
        <h4>Subtítulo nivel 3</h3>
        <h4>Subtítulo nivel 4</h4>
           <h5>Subtítulo nivel 5</h5>
              <h6>Subtítulo nivel 6</h6>
              <h6>Subtítulo nivel 6</h6>
     <h3>Subtítulo nivel 3</h3>

   <h2>Subtítulo nivel 2</h2>

La organización jerarquica de los títulos otorga mayor accesibilidad y coherencia al contenido, además de favorecer el posicionamiento en los buscadores.