В самом первом уроке упоминался заголовок. Давайте вспомним, с помощью парного тега
Давайте создадим новый html – файл, в котором рассмотрим все уровни заголовков:
Сохраним и откроем файл в браузере:
Помимо того, что каждый уровень заголовков имеет свой размер, еще каждый из них начинается с новой строки, браузер понимает, что заголовки всегда начинаются с новой строки и после них так же нужно перейти на новую строку!
А для чего вообще нужны заголовки? Да хотя бы для того чтобы текст на web – странице читался легче. Согласитесь, на много удобнее, когда открываешь страницу какого-нибудь сайта и сразу видишь заголовок статьи. В первую очередь это даст понять посетителю, о чем будет идти речь. А если статья довольно объемная, то можно разбить ее на несколько частей и использовать заголовки h2, h3, h4 и тем самым превратить длинный монотонный текст в его логические части, которые будет легче читать и воспринимать. Еще заголовки важны для поисковых роботов, но об этом мы поговорим чуть позже.
Параметры заголовков
У заголовков так же есть атрибуты, с помощью которых можно задать определенные параметры. Если быть точнее, то этот атрибут всего один и он точно такой же, как у абзаца – выравнивание (align). Вспомним, с помощью атрибута align мы могли выравнивать абзац по левому и правому краю, по центру и по обоим краям одновременно, указывая для этого параметры: left, right, center и justify соответственно. Все эти параметры применимы и для заголовков. Рассмотрим очередной пример:
И как всегда посмотрим на результат в окне браузера:
Вот в принципе и все, что вы должны знать об уровнях заголовков и их параметрах, единственное, хочу добавить, что не забывайте ставить закрывающий тег заголовков, в противном случае весь текст до конца страницы будет считаться заголовком соответствующего уровня! И если вы хотите задать для заголовка какие-нибудь другие параметры, то вам придется использовать другие средства, например для изменения цвета заголовка, придется воспользоваться уже известным тегом и его атрибутом color.
Заголовки выполняют важную функцию на веб-странице. Во-первых, они показывают важность раздела, к которому относятся. Чем больше заголовок и его «вес» , тем более он значимый. Вспомните, что в газетах и журналах передовицы набраны крупным шрифтом, тем самым, привлекая к ним внимание и говоря: «вот это надо читать обязательно» . Во-вторых, с помощью различных заголовков легко регулировать размер текста. Чем выше уровень заголовка, тем больше размер шрифта. Самым верхним уровнем является уровень 1 (
). И, в-третьих, поисковики добавляют рейтинг тексту, если он находится внутри тега заголовка. Это важно для раскрутки сайта и для его занятия первых строк выдачи результата в поисковой системе по ключевым словам.
Синтаксис создания заголовков показан в примере 7.3.
Пример 7.3. Добавление заголовков
Результат данного примера показан на рис. 7.3. Содержимое тега
— самым мелким.
Рис. 7.3. Вид заголовков на веб-странице
Как правило, на веб-странице применяют заголовки с первого по третий уровень, их вполне достаточно. Редко когда приходится использовать заголовки более низкого уровня.
HTML теги, определяющие HTML заголовки
HTML заголовок как самостоятельный элемент интернет-страницы.
Д альше в примерах будут показаны только участки кода, но в своих экспериментах не забывайте прописывать его целиком, по шаблону из первого урока и после каждого изменения в документе обновляйте web-страницу, нажатием на в Mozilla Firefox или на в Internet Explorer, или F5.
В предыдущем уроке вы познакомились с HTML заголовком 3-го уровня – всего их 6: