Заголовки HTML

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

Заголовки HTML

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

<h1> Определение самого большого заголовка. <h6> Определение самого маленького заголовка.

<h1>Я заголовок 1 h1</h1>
<h2>Я заголовок 2 h2</h2>
<h3>Я заголовок 3 h3</h3>
<h4>Я заголовок 4 h4</h4>
<h5>Я заголовок 5 h5</h5>
<h6>Я заголовок 6 h6</h6>

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

Заголовки важны

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

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

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

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

HTML-горизонтальные линии

Теги <hr> или <hr /> создают горизонтальные линии на странице HTML. Элемент hr можно использовать для разделения контента.

<p>Это абзац.</p>
<hr>
<p>Это абзац.</p>
<hr />
<p>Это абзац.</p>

HTML-комментарии

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

Стиль записи комментариев таков:

<!-- Это комментарий -->

Комментарий: после начальной скобки (левая скобка) необходимо сразу следовать восклицательному знаку, перед заключительной скобкой (правая скобка) не нужно, разумное использование комментариев может大大有助于 редактированию и поиску HTML-кода.

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

Вы, наверное, видели некоторые очень хорошо сделанные веб-сайты, и вы, возможно, также хотите создать такой эффект, так что если посмотреть на HTML-код этой веб-страницы.

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

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

Заголовок

Как показать заголовок на веб-странице HTML.

Скрытые комментарии

Как сделать комментарий в HTML-коде.

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

Как вставить горизонтальную линию.

Руководство по тегам HTML

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

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