HTML
Заголовки

Angular 2 AngularJS ASP.NET CSS Java Language JavaScript jQuery PHP Python Language twitter-bootstrap
Поиск…


Вступление

HTML предоставляет не только простые теги абзаца, но и шесть отдельных тегов заголовков для обозначения заголовков разных размеров и толщин. Перечисляется как заголовок 1 по заголовку 6, заголовок 1 имеет самый большой и самый толстый текст, а заголовок 6 - самый маленький и тонкий, вплоть до уровня абзаца. В этом разделе описывается правильное использование этих тегов.

Синтаксис

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

замечания

  • Элемент h1 - h6 должен иметь как начальный тег, так и конечный тег. 1

  • Элементы h1 - h6 по умолчанию являются элементами уровня блока (стиль CSS: display: block ). 2

  • Элементы h1 - h6 не следует путать с элементом сечения

  • Возглавлять теги ( h1 - h6 ) не связаны с head метки.

  • Допустимый контент: фразирование содержимого

  • Различные CSS-стили для заголовков , как правило , отличаются по font-size и margin . Следующие CSS-настройки для элементов h1 h6 могут служить ориентацией (характеризуемой как «информативная» W3C )

  • Поисковые роботы (код, добавляющий страницу в поисковую систему) автоматически уделяют больше внимания более высокой значимости (h1 имеет больше всего, h2 имеет меньше, h3 - еще меньше, ...) заголовки, чтобы различить, о чем идет речь.

Использование заголовков

Заголовки могут использоваться для описания предшествующей темы, и они определяются с помощью тегов <h1> to <h6> . Заголовки поддерживают все глобальные атрибуты .

  • <h1> определяет наиболее важный заголовок.
  • <h6> определяет наименее важный заголовок.

Определение заголовка: 

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

Правильная структура

Поисковые системы и другие пользовательские агенты обычно индексируют содержимое страницы на основе элементов заголовка, например, для создания оглавления, поэтому важно использовать правильную структуру заголовков.

В общем, статья должна иметь один элемент h1 для основного названия, за которым следуют субтитры h2 - при необходимости снижая слой. Если на более высоком уровне присутствуют элементы h1 они не используются для описания содержимого более низкого уровня.

Пример документа (дополнительное намерение для иллюстрации иерархии): 

<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
Лицензировано согласно CC BY-SA 3.0
Не связан с Stack Overflow