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 > |