Pasos a Realizar

Paso 20: Encabezados correctos

Los encabezados se consideran elementos básicos en la navegación y deben  seguir una estructura jerárquica, según el nivel de profundidad sin que se produzcan saltos en los niveles identificados y sin incluir encabezados vacíos.

Los artículos con un volumen de información elevado suelen dividirse en una serie de capítulos, apartados, secciones y párrafos. Estos trozos semánticos de información constituyen la estructura de la página que es usada para navegar por los usuarios de lectores de pantalla. De este modo, pueden acceder de forma más sencilla a la información que necesitan sin tener que esperar a que les lean todo el artículo.

Una página de una bitácora tiene un esquema por niveles que podríamos describir así:
  1. El nivel superior será el propio título de la bitácora.
  2. El segundo nivel sería cada uno de los días en los que colocamos "posts".
  3. El tercer nivel lo ocuparía el título de cada uno de los "post" de cada día.
  4. En el cuarto nivel estaría la sección de "cometarios" para cada "post".

En Blogger, la plantilla principal define en su hoja de estilo la forma en que se presentarán los encabezados y en el cuerpo del contenido a que textos se aplican.

Debemos, por lo tanto, utilizar las etiquetas de encabezado y hacerlo de forma correcta.

¿Cómo hacerlo?



En Blogger al estar situados en el editor del artículo,en su menú se encuentra la opción "Formato", que es un desplegable donde se encuentran los estilos del texto, por defecto se encuentra "Normal". Las opciones que aparecen en el desplegable y se les define para cada formato las siguientes etiquetas:


Tabla que muestra las etiquetas corrrespondientes a los encabezados de los artículos en Blogger
Formato en Blogger Etiquetas HTML

Encabezado

<h2>Encabezado</h2>

Subencabezado

<h3>Subencabezado</h3>

Encabezado Secundario

<h4>Encabezado Secundario</h4>
Normal Normal<br />


Comprobando el código HTML para el título de un artículo o post de este blog, se observa que la hoja de estilos de Blogger ha definido lo siguiente:



<h3 class='post-title entry-title'> Paso 10: Atajos de teclado </h3>

Y siguiendo con las instrucciones anteriores para los encabezados usados en los post de este blog, se usa el formato "Encabezado Secundario".

<h4>&#191;Cómo hacerlo?</h4>