HTML
Encabezados

Angular 2 AngularJS ASP.NET CSS Java Language JavaScript jQuery PHP Python Language twitter-bootstrap
Buscar..


Introducción

HTML proporciona no solo etiquetas de párrafos simples, sino seis etiquetas de encabezado separadas para indicar encabezados de varios tamaños y grosores. Enumerado desde el encabezado 1 hasta el encabezado 6, el encabezado 1 tiene el texto más grande y grueso, mientras que el encabezado 6 es el más pequeño y delgado, hasta el nivel de párrafo. Este tema detalla el uso adecuado de estas etiquetas.

Sintaxis

  • <h1>...</h1>
  • <h2>...</h2>
  • <h3>...</h3>
  • <h4>...</h4>
  • <h5>...</h5>
  • <h6>...</h6>

Observaciones

  • Un elemento h1 - h6 debe tener una etiqueta de inicio y una etiqueta de finalización. 1

  • h1 - los elementos h6 son elementos de nivel de bloque por defecto (estilo CSS: display: block ). 2

  • h1 elementos h1 - h6 no deben confundirse con el elemento de sección

  • Las etiquetas de encabezado ( h1 - h6 ) no están relacionadas con la etiqueta de head .

  • Contenido permitido: contenido de fraseo

  • Los diferentes estilos CSS para los encabezados suelen diferir en font-size y margin . Las siguientes configuraciones de CSS para los elementos h1 - h6 pueden servir como orientación (caracterizada como 'informativa' por el W3C )

  • Las arañas de los motores de búsqueda (el código que agrega una página a un motor de búsqueda) automáticamente prestan más atención a una mayor importancia (h1 tiene más, h2 tiene menos, h3 tiene aún menos, ...) encabezados para discernir de qué se trata una página.

Usando encabezados

Los encabezados se pueden usar para describir el tema que preceden y se definen con las etiquetas <h1> a <h6> . Los encabezados soportan todos los atributos globales .

  • <h1> define el encabezado más importante.
  • <h6> define el encabezado menos importante.

Definiendo un encabezado: 

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

La estructura correcta importa

Los motores de búsqueda y otros agentes de usuario generalmente indexan el contenido de la página basándose en elementos de encabezado, por ejemplo, para crear una tabla de contenido, por lo que es importante usar la estructura correcta para los encabezados.

En general, un artículo debe tener un elemento h1 para el título principal seguido de los subtítulos h2 : bajar una capa si es necesario. Si hay elementos h1 en un nivel superior, no deben usarse para describir ningún contenido de nivel inferior.

Documento de ejemplo (intención adicional para ilustrar la jerarquía): 

<h1>Main title</h1>
<p>Introduction</p>

    <h2>Reasons</h2>

        <h3>Reason 1</h3>
        <p>Paragraph</p>

        <h3>Reason 2</h3>
        <p>Paragraph</p>

    <h2>In conclusion</h2>
    <p>Paragraph</p>


Modified text is an extract of the original Stack Overflow Documentation
Licenciado bajo CC BY-SA 3.0
No afiliado a Stack Overflow