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

Важно помнить, что существует масса мета тегов, и далеко не все они нужны на каждой конкретной странице. В вашем стремлении как можно выгоднее "подать" страницу поисковым машинам, главное не забываться и помнить, что современные поисковики вообще перестают обращать внимание на мета теги типа keywords и description. И правильно делают, ибо настоящая ценность страницы (в глазах робота конечно) состоит в имеющемся в ней тексте, а не в чем-то другом. Некоторые веб мастера вообще не используют или просто игнорируют мета теги, считая это ненужным занятием и лишней нагрузкой страницы.

<META NAME="Description" CONTENT="Описание вашей страницы.">
Зачастую именно то, что вы сдесь укажете, будет отображаться поисковиками. Сделайте описание ярким, зазывающим. Длинна описания не должна превышать 200 символов.

<META NAME="Keywords" CONTENT="Ключевые слова.">
Очень важный тег. Подумайте, какие слова будет набирать серфер, при поиске информации содержащейся на вашей странице. Вот их то и вписывайте. Не пишите в этом теге одних и тех же слов — поисковые машины это страсть как не любят. Длина списка до 800 символов.

<META HTTP-EQUIV="Content-Type" content="text/html; charset=windows-1251">
Указание типа документа и его кодировки. В данном случае windows-1251. Будьте осторожны с этим тегом, так как возможны сбои кодировок из-за разногласия в этом вопросе клиента (броузера) и сервера. Если не уверены, то не используйте его вообще.

Если содержание Вашей страницы часто меняется, то вставьте следующие два тега:
<META NAME="Document-state" CONTENT="Dynamic">
<META NAME="Revizit-after" CONTENT="10 days">
Робот будет переиндексировать вашу страницу каждые 10 дней. Переодичность можете выбрать сами.

Если страница изменяться не будет, вставьте:
<META NAME="Document-state" CONTENT="Static">

Мета-тег от известного белорусского web-дизайнера Сергея Осипова:
<META NAME="ask" CONTENT="Обращение к паукам.">
Вот как описывает его сам автор:
"Это важнейший meta-тег и чем любезнее ты попросишь пауков, тем больше рефферов они тебе пришлют. Разрешается писать до 500 символов! Приветствуется краткая автобиография и указание любимых сортов пива. Как только я придумал этот тег — в тот же месяц посещаемость os.by повысилась в три раза...".
Вот пример, что можно написать в поле content:
"Дорогие Пауки и Модераторы каталогов! Присылайте сюда побольше посетителей, пожалуйста!"

<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
или:
<META HTTP-EQUIV="no-cache">
или:
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
или:
<META HTTP-EQUIV="Expires" CONTENT="Wed, 2 Mar 1996 00:00:05 GMT">
Контроль кэширования для HTTP/1.0. Страницы с этими тегами не будут кешироваться браузерами. Незаменимы при выдаче результатов работы скриптов.

<METAHTTP-EQUIV="Content-Language" CONTENT="en,ru">
Этот тег отвечает за язык, использованный на странице. В данном случае это русский и английский.

<META HTTP-EQUIV="Refresh" CONTENT="5; URL=page.html">
Этот тег через 5 секунд загрузит страницу page.html в текущем окне браузера. Это то, что некоторые называют "редиректом".

<META HTTP-EQUIV="Keywords" CONTENT="Ключевые слова.">
Ёще один тег с ключевыми словами.

<META HTTP-EQUIV="subject" CONTENT="Тема.">
Не совсем понятный тег. Очевидно обозначает тему страницы.

<META NAME="Classification" CONTENT="Класификация.">
Тег отвечает за аудиторию, на которую направлен сайт. Например Web Masters.

<META NAME="Robots" CONTENT="index, follow">
Этот тег отвечает за управление поисковыми роботами. Вот, какие могут быть значения CONTENT:
index — индексировать эту страницу.
follow — индексировать страницы на которые есть ссылки с этой странице.
all — эквивалентно двум предыдущим через запятую.
noindex — не индексировать страницу, но идти по ссылкам.
nofollow — индексировать, но не идти по ссылкам.
none — эквивалентно двум предыдущим через запятую.
По умолчанию CONTENT="index, follow".

<META NAME="author" content="Автор">
Тег, в который вы можете вписать своё имя, название студии, или ваш e-mail. Формат произвольный.

<META HTTP-EQUIV="Reply-to" content="spam@sitemaker.ru">
Тег для указания адреса электронной почты автора.

<META NAME="Copyright" content="Авторские права">
Описание авторских прав на документ. Формат произвольный.

Некоторые символы не входят в базовую часть таблицы кодов ASCII. К ним относятся буквы алфавитов части европейских языков, математические и некоторые другие символы. Некоторые символы, введенные в HTML документ будут интерпретироваться не так, как задумал автор. Это, например, символы "<" и ">", используемые для указания тегов.

В этих случаях можно вводить нужные символы с помощью специальных кодов. Коды начинаются с символа "амперсанд"(&). За ним следует название символа либо его числовой код в десятичной или шестнадцатеричной системе. Завершает код символ "точка с запятой"(;).

В спецификации HTML указано большое количество спецсимволов, но только некоторые из них используются. Наиболее часто используемые спецсимволы приведены в таблице:

Имя	Код	Вид	Описание
"	"	"	двойная кавычка
&	&	&	амперсанд
<	<	<	знак 'меньше'
>	>	>	знак 'больше'
			неразрывный пробел
¡	¡	¡	перевернутый восклицательный знак
¢	¢	¢	цент
£	£	£	фунт стерлингов
¤	¤	¤	денежная единица
¥	¥	¥	иена или юань
¦	¦	¦	разорванная вертикальная черта
§	§	§	параграф
¨	¨	¨	умляут
©	©	©	знак copyright
ª	ª	ª	женский порядковый числитель
«	«	«	левая двойная угловая скобка
¬	¬	¬	знак отрицания
			место возможного переноса
®	®	®	знак зарегистрированной торговой марки
¯	¯	¯	верхняя горизонтальная черта
°	°	°	градус
±	±	±	плюс-минус
²	²	²	"в квадрате"
³	³	³	"в кубе"
´	´	´	знак ударения
µ	µ	µ	микро
¶	¶	¶	символ параграфа
·	·	·	точка
¸	¸	¸	седиль (орфографический знак)
¹	¹	¹	верхний индекс 'один'
º	º	º	мужской порядковый числитель
»	»	»	правая двойная угловая скобка
¼	¼	¼	одна четвертая
½	½	½	одна вторая
¾	¾	¾	три четвертых
¿	¿	¿	перевернутый вопросительный знак
À	À	À	латинская заглавная А с тупым ударением
Á	Á	Á	латинская заглавная А с острым ударением
Â	Â	Â	латинская заглавная А с диакритическим знаком над гласной
Ã	Ã	Ã	латинская заглавная А с тильдой
Ä	Ä	Ä	латинская заглавная А с двумя точками
Å	Å	Å	латинская заглавная А с верхним кружком
Æ	Æ	Æ	латинские заглавные символы AE вместе
Ç	Ç	Ç	латинская заглавная C с седилем
È	È	È	латинская заглавная E с тупым ударением
É	É	É	латинская заглавная E с острым ударением
Ê	Ê	Ê	латинская заглавная E с диакритическим знаком над гласной
Ë	Ë	Ë	латинская заглавная E с двумя точками
Ì	Ì	Ì	латинская заглавная I с тупым ударением
Í	Í	Í	латинская заглавная I с острым ударением
Î	Î	Î	латинская заглавная I с диакритическим знаком над гласной
Ï	Ï	Ï	латинская заглавная I с двумя точками
Ð	Ð	Ð	латинская заглавная D с черточкой
Ñ	Ñ	Ñ	латинская заглавная N с тильдой
Ò	Ò	Ò	латинская заглавная O с тупым ударением
Ó	Ó	Ó	латинская заглавная O с острым ударением
Ô	Ô	Ô	латинская заглавная O с диакритическим знаком над гласной
Õ	Õ	Õ	латинская заглавная O с тильдой
Ö	Ö	Ö	латинская заглавная O с двумя точками
×	×	×	знак умножения
Ø	Ø	Ø	латинская заглавная O со штрихом
Ù	Ù	Ù	латинская заглавная U с тупым ударением
Ú	Ú	Ú	латинская заглавная U с острым ударением
Û	Û	Û	латинская заглавная U с диакритическим знаком
Ü	Ü	Ü	латинская заглавная U с двумя точками
Ý	Ý	Ý	латинская заглавная Y с острым ударением
Þ	Þ	Þ	латинская заглавная THORN
à	à	à	латинская строчная a с тупым ударением
á	&##225;	á	латинская строчная a с острым ударением
â	&##226;	â	латинская строчная a с диакритическим знаком
ã	ã	ã	латинская строчная a с тильдой
ä	ä	ä	латинская строчная a с двумя точками
å	å	å	латинская строчная a с верхним кружком
æ	æ	æ	латинская строчные буквы ae
ç	ç	ç	латинская строчная c с седилем
è	è	è	латинская строчная e с тупым ударением
é	é	é	латинская строчная e с острым ударением
ê	ê	ê	латинская строчная e с диакритическим знаком
ë	ë	ë	латинская строчная e с двумя точками
ì	ì	ì	латинская строчная I с тупым ударением
í	í	í	латинская строчная I с острым ударением
î	î	î	латинская строчная I с диакритическим знаком
ï	ï	ï	латинская строчная I с двумя точками
ð	ð	ð	латинская строчные символы eth
ñ	ñ	ñ	латинская строчная N с тильдой
ò	ò	ò	латинская строчная O с тупым ударением
ó	ó	ó	латинская строчная O с острым ударением
ô	ô	ô	латинская строчная O с диакритическим знаком
õ	õ	õ	латинская строчная I с тильдой
ö	ö	ö	латинская строчная I с двумя точками
÷	÷	÷	знак деления
ø	ø	ø	латинская строчная O со штрихом
ù	ù	ù	латинская строчная U с тупым ударением
ú	ú	ú	латинская строчная U с острым ударением
û	û	û	латинская строчная U с диакритическим знаком
ü	ü	ü	латинская строчная U с двумя точками
ý	ý	ý	латинская строчная Y с острым ударением
þ	þ	þ	латинская строчная thorn
ÿ	ÿ	ÿ	латинская строчная Y с двумя точками
&fnof;	ƒ	ƒ	знак функции
Греческие буквы
Α	Α	Α	заглавная альфа
Β	Β	Β	заглавная бета
Γ	Γ	Γ	заглавная гамма
Δ	Δ	Δ	заглавная дельта
Ε	Ε	Ε	заглавная эпсилон
Ζ	Ζ	Ζ	заглавная дзета
Η	Η	Η	заглавная эта
Θ	Θ	Θ	заглавная тета
Ι	Ι	Ι	заглавная иота
Κ	Κ	Κ	заглавная каппа
Λ	Λ	Λ	заглавная лямбда
Μ	Μ	Μ	заглавная мю
Ν	Ν	Ν	заглавная ню
Ξ	Ξ	Ξ	заглавная кси
Ο	Ο	Ο	заглавная омикрон
Π	Π	Π	заглавная пи
Ρ	Ρ	Ρ	заглавная ро
Σ	Σ	Σ	заглавная сигма
Τ	Τ	Τ	заглавная тау
Υ	Υ	Υ	заглавная ипсилон
Φ	Φ	Φ	заглавная фи
Χ	Χ	Χ	заглавная хи
Ψ	Ψ	Ψ	заглавная пси
Ω	Ω	Ω	заглавная омега
α	α	α	строчная альфа
β	β	β	строчная бета
γ	γ	γ	строчная гамма
δ	δ	δ	строчная дельта
ε	ε	ε	строчная эпсилон
ζ	ζ	ζ	строчная дзета
η	η	η	строчная эта
θ	θ	θ	строчная тета
ι	ι	ι	строчная иота
κ	κ	κ	строчная каппа
λ	λ	λ	строчная лямбда
μ	μ	μ	строчная мю
ν	ν	ν	строчная ню
ξ	ξ	ξ	строчная кси
ο	ο	ο	строчная омикрон
π	π	π	строчная пи
ρ	ρ	ρ	строчная ро
&sigmaf;	ς	ς	строчная сигма(final)
σ	σ	σ	строчная сигма
τ	τ	τ	строчная тау
υ	υ	υ	строчная ипсилон
φ	φ	φ	строчная фи
χ	χ	χ	строчная хи
ψ	ψ	ψ	строчная пси
ω	ω	ω	строчная омега
Стрелки
←	←	←	стрелка влево
↑	↑	↑	стрелка вверх
→	→	→	стрелка вправо
↓	↓	↓	стрелка вниз
↔	↔	↔	стрелка влево-вправо
Прочие символы
&spades;	♠	♠	знак масти 'пики'
&clubs;	♣	♣	знак масти 'трефы'
&hearts;	♥	♥	знак масти 'червы'
&diams;	♦	♦	знак масти 'бубны'
&circ;	ˆ	ˆ	диакритический знак над гласной
&tilde;	˜	˜	тильда
™	™	™	знак торговой марки
Знаки пунктуации
•	•	•	маленький черный кружок
…	…	…	многоточие ...
′	′	′	одиночный штрих - минуты
″	″	″	двойной штрих - секунды
&oline;	‾	‾	надчеркивание
&frasl;	⁄	⁄	косая дробная черта
Общая пунктуация
–	–	–	тире
—	—	—	длинное тире
‘	‘	‘	левая одиночная кавычка
’	’	’	правая одиночная кавычка
&sbquo;	‚	‚	нижняя одиночная кавычка
“	“	“	левая двойная кавычка
”	”	”	правая двойная кавычка
&bdquo;	„	„	нижняя двойная кавычка

HTML-документ (страничка) - документ,написанный на языке разметки гипертекста (HTML).Заключается между флагами <HTML> и </HTML>.

Web-сайт, Web-сервер - цепочка логическисвязанных документов, написанных на языке HTML.

Значения флагов разметки документа

Флаги разметки - специальные команды длярасположения на экране текста, графики, видео иаудио фрагментов, а также команды, служащие длясвязи с другими HTML-документами и рессурсамиИнтернет.

Основные флаги разметки

<HEAD> и </HEAD>. Между этими флагамирасполагается информация о документе.
<TITLE> и </TITLE>. В эих флагахзаключается название странички, которое будетвыведено в рамке окна программы просмотра.
<BODY> и </BODY>. "Тело" документа(текст, графика и т.д.) располагается между этимидвумя флагами.

Параметры флага <BODY>:
BGCOLOR - цвет фона (<BODY BGCOLOR ="#FFFFFF">)
BACKGROUND - "обои" или бэкграунд
TEXT - цвет текста
LINK - цвет гипертекстовой связи (ссылки)
VLINK - цвет ссылки, уже посещенной в прошлом
ALINK - цвет активной сылки Флаги, служащие дляформатирования текста

<P> и </P> Флаги, служащие длявыделения абзадцев. Новый абзац чсегдаотделяется от предыдущего пустой строкой.
<BR> Флаг, служащий для переноса текста надругую строку. Может также служить для отделенияграфики от текста на интервал.
<HR> Флаг, служащий для логическогоразделения текста горизонтальной линией.
<PRE> и </PRE> Между этими флагамирасполагается предварительно отформатированныйтекст. На экран он выводится шрифтом типа"курьер".

Параметры выравнивания

Используются в <P> и <H*>
ALIGN=LEFT - выравнивание по левому полю
ALIGN=RIGHT - выравнивание по правому полю
ALIGN=CENTER - выравнивание по центру

Флаги выравнивания

<LEFT> и </LEFT> - выравнивание полевому полю
<RIGHT> и </RIGHT> - выравнивание поправому полю
<CENTER> и </CENTER> - выравнивание поцентру

Заголовки, служащие для выделениялогических частей текста

<H1> и </H1> Заголовок первого уровня.
<H2> и </H2> Заголовок второго уровня.
<H3> и </H3> Заголовок третьего уровня.
<H4> и </H4> Заголовок четвертогоуровня.
<H5> и </H5> Заголовок пятого уровня.
<H6> и </H6> Заголовок шестого уровня.

Флаги для выделения текста и шрифта

<B> и </B> Флаги для выделения текста(слов, букв) жирным шрифтом.
<I> и </I> Флаги для выделения текста(слов, букв) курсивным шрифтом, типа Italic.
<U> и </U> Текст, расположенный междудвумя этими флагами, будет подчеркнут.
<BLINK> и </BLINK> Текст, расположенныймежду двумя этими флагами, будет мигать.
<FONT SIZE=+n> и </FONT>
<FONT SIZE=-n> и </FONT> Флаги для измененияразмера шрифта.
<FONT COLOR="#0000FF> и </FONT> Флаги дляизменения цвета шрифта.

Флаги для формирования списков

<OL> и </OL> Флаги, показывающиеначало и конец нумерованного списка
<UL> и </UL> Флаги, показывающие началои конец маркированного списка.
<LI> Элемент списка

<DL> и </DL> Флаги, показывающие началои конец глоссария.
<DT> Термин глоссария, располагается безотступа от левого поля страницы.
<DD> Описание термина, располагается сотступом от левого поля страницы.

Флаги-команды для вставки в текст объектовнетекстовой информации

<IMG SRC =1260/"file.gif"> или <IMG SRC =1260/"file.jpg"> - команда для вставки графическогоизображения
<IMG SRC =1260/" file.wav"> - команда для вставкизвукового фрагмента
<IMG SRC =1260/" file.avi"> - команда для вставкивидео фрагмента

Параметры графического изображения

WIDHT - ширина картинки в пикселях
HEIGHT- высота картинки в пикселях
ALIGN - выравнивание (ALIGN=LEFT - выравнивание полевому полю, ALIGN=RIGHT - по правому полю, ALIGN=TOP - поверхней границе, ALIGN=BOTTOM - по нижней границе,ALIGN=MIDDLE или CENTER - по центру)
HSPACE - горизонтальный отступ от графическогоизображения
VSPACE - вертикальный отступ
ALT - альтернативный текст, служит дляобозначения изображения

Команды, служащие для гиперсвязи с другимиHTML-документами и рессурсами Интернет

<A HREF="fail.htm"> и </A> или <AHREF="http://www.ru"> и </A> - гиперсвязи
<ADDRESS><A HREF=mailto:person@firm.ru> person@firm.ru</ADDRESS>- гиперсвязь с адресом электронной почты

Таблицы

Таблица - сетка для показа данных в строках истолбцах, а также средство для форматированиятекста

<TABLE> и </TABLE> Флаги для вставкитаблицы в HTML документ
Параметры флага <TABLE>
BGCOLOR - цвет фона
BORDER - ширина бордюра
WIDHT - ширина таблицы

Флаги разметки таблицы

<CAPTION> и </CAPTION> - название таблицы,имеет параметр ALIGN=TOP - выравнивание над таблицейи ALIGN=BOTTOM - под таблицей.
<TR> и </TR> Строчка таблицы. Можетиметь параметры BGCOLOR - цвет фона внутри строки;ALIGN=LEFT, RIGHT, CENTER - выравнивание внутри строки;VALIGN=TOP, BOTTOM, MIDDLE - вертикальное выравниваниевнутри строки таблицы.
<TD> и </TD> Столбец таблицы. Можетиметь параметры BGCOLOR - цвет фона под столбцом;ALIGN=LEFT, RIGHT, CENTER - выравнивание внутри столбца;VALIGN=TOP, BOTTOM, MIDDLE - вертикальное выравнивание; COLSPANрастягивание клетки на несколько столбцов, ROWSPAN -растягивание клетки на несколько строк.
<TH> и </TH> Заголовок столбца. Можетиметь параметры BGCOLOR - цвет фона под названием;ALIGN=LEFT, RIGHT, CENTER - выравнивание; VALIGN=TOP, BOTTOM, MIDDLE -вертикальное выравнивание; COLSPAN, ROWSPAN -растягивание клетки на несколько столбцов илистрок; WIDHT - ширина названия.

Рамки-фреймы

Рамки-фреймы - средство для разделения экранана несколько областей, в каждой из которыхотображается содержимое отдельной Web-страничкиили даже целого Web-сайта.
<FRAMESET> и </FRAMESET> Флаги для созданиярамки

Параметры флага <FRAMESET>

COLS - подразделяют экран на опредленноеколичество колонок (вертикальных)
ROWS - подразделяют экран на опредленноеколичество колонок (горизонтальных)
BORDCOLOR - цвет рамки
BORDER - ширина бордюра
FRAMEBORDER - граница рамки (FRAMEBORDER=YES - есть граница,FRAMEBORDER=NO - нет границы,
FRAMESPACING=n - ширина границы)

<FRAME> Флаг для описания рамки (<FRAMESRC=1260/"file.htm">).

Параметры флага <FRAME>

SCROLING - параметр для регулировки полосыпрокрутки:
SCROLING=YES - полоса прокрутки будет всегда
SCROLING=NO - полосы прокрутки не будет
SCROLING=AUTO - полоса прокрутки появляется только вслучае необходимости
MARGINWIDHT и MARGINHEIGHT - параметры, которыеуправляют отступом внутри рамок, служат длявыравнивания графического изображения внутрирамки
NORESIZE - параметр, указвающий на то, что размеррамки-фрейма никогда не будет меняться.

A link to <A HREF="file.htm" TARGET="frame2">file.htm</A> - Связь между фреймами
TARGET - атрибут связи между фреймами. Имеетнесколько значений:

_BLANK загружает содержимое страницы,заданной ссылкой, в новое пустое окно.
_SELF содержимое страницы, заданной ссылкой, вокно, которое содержит ссылку.
_PARENT загружает содержимое страницы, заданнойссылкой, в окно, являющееся непосредственнымвладельцем набора фреймов.
_TOP содержимое страницы, заданной ссылкой, вокно, игнорируя используемые фреймы.

Обработка браузеров, не поддерживающих фреймы:
<FRAMESET>
...Здесь располагаются фреймы
</FRAMESET>
<NOFRAMES>
<BODY>
...Здесь располагается текст без фреймов
<BODY>
</NOFRAMES>

В секции, предназначенной для техпользователей, которые "не видят" рамки,можно расположить какой-нибудь пояснительныйтекст.

Бегущая строка

<MARQUEE>ТЕКСТ</MARQUEE> - Флаг, создающийбегущую строку
<MARQUEE DIRECTION=left>TEKCT</MARQUEE> - Если бегущуюстроку нужно направить справа налево
<MARQUEE DIRECTION=right>TEKCT</MARQUEE> - движение слеванаправо.
scroll - стандартное движение от правого края клевому
slide - надпись один раз пробегает от правогокрая к левому, где и остается.
alternate - движение от правого края страницы клевому и обратно. Бесконечный цикл.
<MARQUEE LOOP=n BEHAVIOR=scroll>TEKCT</MARQUEE> -Ограничение числа циклов. Значение n оператора LOOPуказывает число повторений цикла.
<MARQUEE WIDHT=n>TEKCT</MARQUEE> - указать ширинуучастка, занимаемого бегущей строкой, где n -ширина той части страницы, на которойрасположена бегущая строка. Значение nуказывается как в пикселях, так и в процентах отобщей ширины видимой части страницы.
<MARQUEE scrollamount=n>TEKCT</MARQUEE> - Регулировкадвижения надписи по экрану. Здесь n - числопикселей.
<MARQUEE scrolldelay=t>TEKCT</MARQUEE> В данном случаепеременная величина - время t - измеряется вмиллисекундах. Метод задания скорости состоит вуказании времени, спустя которое текст будетперерисован на экране заново.
<FONTSIZE=n><MARQUEE> ТЕКСТ</MARQUEE></FONT> -возможность указывать величину шрифта текста встроке.
<MARQUEE BGCOLOR=n> ТЕКСТ </MARQUEE> - окраситьповерхность бегущей строки в какой-либо цвет, гдеn, как это бывало и раньше, можно указать в видшестнадцатеричного числа либо написав егоназвание
<MARQUEE HEIGHT=n>ТЕКСТ</MARQUEE> - указать высотубегущей строки, задавая величину n в пикселях.

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

Итак, многие из вас используют теги <CITE> или <ADRESS>? Можете не отвечать. Зачем они нужны? Они помогают правильно организовать логическую структуру страницы, а правильная структура сильно упрощает использование CSS. То есть преимущества два:

улучшение логичности кода, что ведет к упрощению редактирования
упрощение использования CSS

Cогласитесь, это не так уж и мало. Итак мы сегодня будем говорить о так называемых логических тегах. Для начала просто перечислим их:

<H#> - заголовки
<EM> - выразительность
<STRONG> - ударение
<CITE> - цитата
<ADDRESS> - адрес
<SAMP> - пример
<CODE> - код
<VAR> - переменная

Вот они все. А сейчас займемся каждым в отдельности.

<H#> - обозначает заголовки в теле документа. Бывает шести видов H1, H2, H3, H4, H5, H6, которые отличаются степенью значимости (попросту говоря, размером) заголовков. Самый большой и самый главный - H1. Самый маленький - H6.

Код: Итог:

<H1>СSS - вот чему надо 
      учиться!</H1>
<H2>HTML надо 
      чувствовать</H2>
<H3>JavaScript 
      любить</H3>
<H4>HomeSite 4.5 знать в 
      лицо</H4>

СSS - вот чему надо учиться!

HTML надо чувствовать

JavaScript любить

HomeSite 4.5 знать в лицо

<EM> - обозначает выразительность какого-либо слова в тексте. Частенько вместо этого тега используется тег <I>, однако это неправильно с точки зрения логики.

Код:	Итог:
`Кросс-браузерный код - <EM>главная</EM> цель вебмастера.`	Кросс-браузерный код - главная цель вебмастера.

<STRONG> - обозначает сильный акцент в тексте. Разница между <EM> только в степени выразительности.

Код:	Итог:
`СSS <STRONG>совершенно необходимы</STRONG> всем.`	CSS совершенно необходимы всем

<CITE> - обозначает ссылку на книгу или веб-сайт. Часто используют внизу страницы для обозначения владельца.

Код:	Итог:
`<CITE>Самоучитель сайтостроителя</CITE>,Минск, 1989 <CITE>Сайт кривыми руками</CITE>, Москва, 1999`	Самоучитель сайтостроителя, Минск, 1989 Сайт кривыми руками, Москва, 1999

<ADDRESS> - обозначает контактную информацию автора сайта или организации, которой принадлежит сайт.

Код:	Итог:
`Наш адрес: <P><ADDRESS> г. Минск, ул. Сторожевская 8, офис 142а</ADDRESS>`	Наш адрес: Г. Минск, ул. Сторожевская 8, офис 142а

<SAMP> - пример. Обычно применяется для обозначения терминов или ключевых слов. В браузере отображается моноширинным шрифтом, например, Courier New. В общем-то похож на тег <CODE>.

Код:	Итог:
`Что такое <SAMP>CSS</SAMP> знает все большее число людей`	Что такое `CSS` знает все большее число людей

<CODE> - обозначает программный код. В браузере отображается моноширинным шрифтом. Часто используется вместе с тегом <PRE>, который лучше передает отступы и сруктуру.

Код:	Итог:
`<CODE> function Opn(){<BR> newWindow=window.open(' ','NW','width','toolbar=0');<BR> }<BR> </CODE>`	`function Opn(){ newWindow=window.open(' ','NW','width', 'toolbar=0'); }`

<VAR> - обозначает переменную из компьютерной программы.

Код:	Итог:
`Переменная <VAR>width</VAR> содержит ширину нового окна`	Переменная `width` содержит ширину нового окна

Как вы заметили, большинство из этих тегов делают текст или наклонным, или жирным, или моноширинным. Почему бы вместо этого не использовать просто теги <B> или <I>? Ведь это гораздо проще. Так и делает подавляющее большинство HTML-кодеров, однако есть причины поступать по-другому, и это не только упрощение использования CSS. Логические теги позволяют браузерам обрабатывать страницу в манере, наиболее свойственной данному браузеру. Допустим текст в теге <EM> браузеры под Windows заменяют текстом , а браузеры под Unix - жирным. Кроме того, спустя полгода вы легко сможете определить, что вот <ADDRESS> в коде вашей странички обозначает адрес, тогда как, скажем, <SPAN class="adr"> далеко не так интуитивно, да и в CSS проще запутаться.

Компьютерная скорая помощь

Справочник по мета тегам

Греческие буквы

Стрелки

Прочие символы

Знаки пунктуации

Общая пунктуация