HtmlGuide.ru

Теги <H1>…<H6> для создания заголовка

Автор admin | Дата: 24.03.2008

Статья без заголовка? Как машина без колес! В HTML для указания заголовка статьи имеется сразу 6 тегов. Все они парные, и имеют несложный синтаксис. Самый крупный шрифт необходимо поместить в тег <h1>, второй по размеру <h2> и так до <h6>. Для чего мне нужно помещать заголовок в эти теги, когда я могу просто указать необходимый мне размер заголовка с помощью других тегов, например <span>. Во-первых, указание заголовка тегами H, имеет положительную сторону в оптимизации вашей страницы для интернета. ПС обратит внимание на заголовок и возможно по нему определит тематику данной страницы. Во-вторых, вы можете настроить шрифт, цвет и другие параметры заголовка с помощью технологии CSS.

Пример кода для определения основных параметров тега H

h1 {
font-family: Tahoma, Arial, Verdana;
font-size: 21px;
font-weight: bold;
color: #000;
margin: 0;
padding: 0;
}

Данный код определяет стиль для всех заголовков сайта, если вам необходимо для определенной страницы указать свой стиль заголовка, просто добавьте дополнительный параметр перед названием тега. Например #about h1 {} Таким образом, стиль для заголовка H1 будет ограничен в рамках #about.

Наиболее интересными могут показать две последние строчки. Для чего они? Если вы посмотрите на свою страницу внимательней, то с легкостью заметите, что теги семейства H, создают немалый отступ снизу. Таким образом, если данный отступ вам не нужен, оставьте значения параметров margin и padding на 0.