Заголовки HTML

В документе HTML заголовки очень важны.

Заголовки HTML

Заголовки (Heading) определяются с помощью тегов <h1> - <h6>.

<h1> Определяет größten заголовок.<h6> Определяет наименьший заголовок.

Пример

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

Попробуйте сами

Комментарий:Браузер автоматически добавляет пустую строку перед и после заголовков.

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

Заголовки очень важны

Убедитесь, что вы используете теги заголовков HTML только для заголовков. Не используйте заголовки только для того, чтобы создать жирный или крупный текст.

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

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

Следует использовать h1 в качестве основного заголовка (самого важного), за ним следуют h2 (второстепенный важности), затем h3 и так далее.

Горизонтальная линия HTML

<hr /> тег создает горизонтальную линию на странице HTML.

Элемент hr можно использовать для разделения содержимого.

Пример

<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>

Попробуйте сами

Совет:Использование горизонтальной линии (тег <hr>) для разделения разделов статьи - один из способов (но не единственный).

Комментарии HTML

Комментарии можно вставлять в HTML код, что может улучшить его читаемость и сделать его более понятным. Браузерыignore комментарии и не отображают их.

Комментарии пишутся так:

Пример

<!-- This is a comment -->

Попробуйте сами

Комментарий:После начальной скобки (левая скобка) нужно сразу же следовать восклицательному знаку, перед конечной скобой (правая скобка) восклицательный знак не нужен.

Совет:Использование комментариев разумно может помочь в редактировании кода в будущем.

HTML подсказка - как увидеть исходный код

Вы, наверное, уже восхищались веб-страницей и wondered: «WOW! Как это было сделано?»

Если вы хотите узнать тайны, просто нажмите правую кнопку мыши и выберите «Просмотреть исходный файл» (IE) или «Просмотреть исходный код страницы» (Firefox), действия в других браузерах аналогичны. Это откроет окно, содержащее HTML код страницы.

Примеры из этой страницы

Заголовки
Как отобразить заголовки в документе HTML.
Скрытые комментарии
Как вставить комментарии в исходный код HTML.
Горизонтальная линия
Как вставить горизонтальную линию.

Референсный справочник тегов HTML

Референсный справочник тегов CodeW3C.com предоставляет дополнительную информацию о этих заголовках и их атрибутах.

Вы узнаете больше о тегах HTML и их атрибутах в следующих главах этого руководства.

Теги Описание
<html> Определение HTML документа.
<body> Определение主要内容 документа.
<h1> до <h6> Определение HTML заголовков
<hr> Определение горизонтальной линии.
<!--...--> Определение комментариев.