Etiquetas h1 h2 … h6, Cuál es el uso adecuado que debería darle???
Etiqueta h1
| h1 | Sección (titular) de nivel 1 |
|---|---|
| Atributos comunes | básicos, i18n y eventos |
| Atributos específicos | - |
| Tipo de elemento | Bloque |
| Descripción | Define los títulos de las secciones de mayor importancia de la página. |
Al igual que la etiqueta <p>, las etiquetas de título de sección son elementos de bloque y no tienen atributos específicos.
Las etiquetas <h1>, …, <h6> definen títulos de sección, no secciones completas. Por este motivo, no es necesario encerrar los contenidos de una sección con su etiqueta correspondiente. Solamente se debe encerrar con las etiquetas <h1>, …, <h6> los títulos de cada sección.
El siguiente ejemplo muestra el uso de las etiquetas de título de sección:
<html> <head>
<title>Ejemplo de texto estructurado con secciones</title>
</head>
<body>
<h1>Titular de la página</h1>
<p>Párrafo de introducción...</p>
<h2>La primera sub-sección</h2>
<p>Párrafo de contenido...</p>
<h2>Otra subsección</h2>
<p>Más párrafos de contenido...</p>
</body></html>
Los navegadores muestran el ejemplo anterior de la siguiente manera:
Figura 3.4. Ejemplo de texto HTML estructurado con párrafos y secciones
Los navegadores asignan de forma automáticamente el tamaño del título de cada sección en función de su importancia. Así, los títulos de sección <h1> se muestran con el tamaño de letra más grande, ya que son el nivel jerárquico superior, mientras que los títulos de sección <h6> se visualizan con un tamaño de letra muy pequeño, adecuado para el nivel jerárquico de menor importancia.
Evidentemente, el aspecto que los navegadores aplican por defecto a los títulos de sección se puede modificar utilizando las hojas de estilos de CSS. La siguiente imagen muestra el tamaño por defecto con el que los navegadores muestran cada titular:
Figura 3.5. Ejemplo de uso de las etiquetas h1, h2, h3, h4, h5 y h6
Posicionamiento en los Buscadores (SEO Web)
Todo esto lo logramos a traves de la deficinición de las diferentes secciones (titulares) de un documento, destacando, de este modo, partes del texto que se consideren relevantes para el posicionamiento que pretendemos lograr.
Las etiquetas que definen los títulos de sección son h1, h2, h3, h4, h5 y h6. La etiqueta h1 es la de mayor importancia y por tanto se utiliza para definir los titulares de
Los navegadores les asignan un tamaño de letra en función de su importancia (siendo los títulos de sección h1 los de tamaño mas grande), sin embargo el estilo de las mismas se pueden cambiar a través de Hojas de estilo o css.
| Compártelo: |               |
1 comentario»
RSS feed for comments on this post. TrackBack URL
FireFox 3.0.3
Yahoo! Final
WinRAR 3.80 Final
[...] la Etiquetas h2a los Títulos de nuestro Foro, a los Post-itpara darle mayor “Importancia” a los Títulos al [...]