Веб Навсегда.инфоHTML-теги → H1..H6

Реклама


!!! Ваша ссылка здесь всего за 10 руб в месяц на всех страницах сайта!!!

H1..H6

Описание элемента

Ряд тегов, от H1 до H6 определяет заголовки с различной степенью "важности".

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

Однако не рекомендуется всё содержание страницы вставлять в заголовок. Ведь заголовки по умолчанию являются блочными элементами и имеют больший шрифт. И хотя внешне можно привести такой текст в вполне нормально воспринимаемому тексту. но эффект для поисковых машин будет очень низким и вас даже могут за такой приём "забанить". Поэтому рекомендуется делать заголовки не большими - в пределах одного предложения.

Чем меньше цифра у тега заголовка, тем более этот заголовок весомее в глазах поисковой машины и тем более крупным шрифтом отображают его браузеры. Например, заголовок H1 более весомый, чем H2. А H2 в свою очередь весомее, чем H3.

Например на этой странице есть заголовок H1: HTML ТЕГ: <H1..H6>, Описание и Пример и результаты использования; заголовки: Синтаксис и Возможные параметры. А заголовком H3 обозначен: Параметр ALIGN.

Синтаксис

<h{1-6} {align}={ "left" || "right" || "center" || "justify" }>Заголовок</h{1-6}>

Возможные параметры

align - Устанавливает выравнивание заголовка.

Параметр ALIGN

Задаёт выравнивание заголовка на странице.

Возможные аргументы:
left - выравнивание по левому краю
right - выравнивание по правому краю
center - выравнивание нижней границы по центру
justify - выравнивание ширине страницы

Значение по умолчанию:
left.

Примеры использования

Пример тегов H1..H6

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример тегов H1..H6</title>
</head>
<body>
<h1>Вот заголовок основной</h1>
<h2 align="left">Вот пониже "левый"</h2>
<h3 align="right">А ещё ниже "правый"</h3>
<h4 align="center">И 4-ый заголвок тут</h4>
<h5>Предпоследний 5-ый</h5>
<h6>И самый нижний наш 6-ой</h6>

</body>
</html>

 И вот как это будет выглядеть в браузере:
Пример тегов H1..H6