Paso 20: Encabezados correctos

Dentro de cada página de una bitácora podemos encontrar 4 niveles que facilitarán la navegación para los lectores de pantalla.
Estos niveles serán representados dentro del lenguaje HTML con las etiquetas: <h1>, <h2>, <h3> y <h4>.

Para conocer la manera en la cual blogger ha usado estas etiquetas he accedido a su hoja de estilo y esto es lo que he obtenido:

• Blogger utiliza la etiqueta<h1> para su cabecera, como vemos en lo siguiente:

Header h1 {
  font: $(header.font);
  color: $(header.text.color);}

• Blogger utiliza la etiqueta<h2> para el encabezado de los post:

 Headings
----------------------------------------------- */
h2 {
  font: $(widget.title.font);
  color: $(widget.title.text.color);}

• Blogger utiliza la etiqueta<h3> para el título de los post:

h3.post-title a {
  font: $(post.title.font);
  color: $(post.title.text.color);
  text-decoration: none;}

• Blogger utiliza la etiqueta <h4> para los comentarios:

<h4 id='comment-post-message'>

Problemas surgidos

Ninguno