HTML заголовки, линии и комментарии

В этой главе:

  • HTML заголовки

  • Линии

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

HTML заголовки

Заголовки являются важной частью HTML документа, обычно заголовок - это краткое описание того, что будет представлено ниже на странице. В HTML для обозначения заголовков используются теги <h1> (heading), <h2>, <h3>, <h4>, <h5> и <h6>, которые представляют своеобразную иерархию заголовков: от самого важного (h1) до самого незначительного (h6).

Все заголовочные теги являются блочными, при отображении на странице они будут иметь отступ сверху и снизу, отделяющий их от других элементов страницы, и занимать всю доступную ширину. Текст, заключенный внутри заголовочных тегов, отображается жирным шрифтом и имеет разный размер, соответствующий важности заголовка. По умолчанию заголовок первого уровня (h1) отображается самым крупным шрифтом жирного начертания, каждый последующий заголовок будет представлен размером меньше.

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

1
2
3
4
5
6
<h1>Заголовок 1-го уровня</h1>
<h2>Заголовок 2-го уровня</h2>
<h3>Заголовок 3-го уровня</h3>
<h4>Заголовок 4-го уровня</h4>
<h5>Заголовок 5-го уровня</h5>
<h6>Заголовок 6-го уровня</h6>

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

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

Линии

Тег <hr> используется для создания горизонтальной линии по всей ширине страницы. Линии обычно используют для разделения содержимого документа друг от друга или для демонстрации визуального отделения.

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<html>
  <body>
 
    <p>Тег hr определяет горизонтальную линию:</p>
    <hr>
    <p>Абзац</p>
    <hr>
    <p>Абзац</p>
    <hr>
    <p>Абзац</p>
 
  </body>
</html>

Комментарии

В HTML-документ можно добавлять комментарии, которые не будут отображаться в браузере. Они должны начинаться с символов <!-- и заканчиваться символами -->. Все, что заключено между этими символами, при просмотре странице в браузере остается невидимым.

Есть много причин для использования комментариев в HTML-документах, например пояснение блоков кода, временное выключение кода при отладке и т.д.

Примечание: обратите внимание, что комментарии могут занимать несколько строк. Помните, что все, написанное между символами <!-- и -->, даже HTML-код, будет проигнорировано браузером.

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

1

2

3

4

5

6

7

8

<html>
  <body>
 
    <!--Этот комментарий не будет отображен-->
    <p>Обычный абзац</p>
 
  </body>
</html>