0

Азы HTML (Мини-справочник по мета тегам)

Опубликовано by Viktor Alex on 5 августа 2009 in Азы HTML, Подарки, Полезные статьи по компьютерам, Разное |

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

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

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

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

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

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

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

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

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

&lt;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. Страницы с этими тегами не будут кешироваться браузерами. Незаменимы при выдаче результатов работы скриптов.

&lt;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. Формат произвольный.

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

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

Специальные символы

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

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

В спецификации HTML указано большое количество спецсимволов, но только некоторые из них используются. Наиболее часто используемые спецсимволы приведены в таблице:
Имя    Код    Вид     Описание
&quot;    &#34;    »    двойная кавычка
&amp;    &#38;    &    амперсанд
&lt;    &#60;    &lt;    знак ‘меньше’
&gt;    &#62;    >    знак ‘больше’
&nbsp;    &#160;         неразрывный пробел
&iexcl;    &#161;    ?    перевернутый восклицательный знак
&cent;    &#162;    ?    цент
&pound;    &#163;    ?    фунт стерлингов
&curren;    &#164;    ¤    денежная единица
&yen;    &#165;    ?    иена или юань
&brvbar;    &#166;    ¦    разорванная вертикальная черта
&sect;    &#167;    §    параграф
&uml;    &#168;    ?    умляут
&copy;    &#169;    ©    знак copyright
&ordf;    &#170;    ?    женский порядковый числитель
&laquo;    &#171;    «    левая двойная угловая скобка
&not;    &#172;    ¬    знак отрицания
&shy;    &#173;    ­    место возможного переноса
&reg;    &#174;    ®    знак зарегистрированной торговой марки
&macr;    &#175;    ?    верхняя горизонтальная черта
&deg;    &#176;    °    градус
&plusmn;    &#177;    ±    плюс-минус
&sup2;    &#178;    ?    «в квадрате»
&sup3;    &#179;    ?    «в кубе»
&acute;    &#180;    ?    знак ударения
&micro;    &#181;    µ    микро
&para;    &#182;    ¶    символ параграфа
&middot;    &#183;    ·    точка
&cedil;    &#184;    ?    седиль (орфографический знак)
&sup1;    &#185;    ?    верхний индекс ‘один’
&ordm;    &#186;    ?    мужской порядковый числитель
&raquo;    &#187;    »    правая двойная угловая скобка
&frac14;    &#188;    ?    одна четвертая
&frac12;    &#189;    ?    одна вторая
&frac34;    &#190;    ?    три четвертых
&iquest;    &#191;    ?    перевернутый вопросительный знак
&Agrave;    &#192;    A    латинская заглавная А с тупым ударением
&Aacute;    &#193;    A    латинская заглавная А с острым ударением
&Acirc;    &#194;    A    латинская заглавная А с диакритическим знаком над гласной
&Atilde;    &#195;    A    латинская заглавная А с тильдой
&Auml;    &#196;    A    латинская заглавная А с двумя точками
&Aring;    &#197;    A    латинская заглавная А с верхним кружком
&AElig;    &#198;    ?    латинские заглавные символы AE вместе
&Ccedil;    &#199;    C    латинская заглавная C с седилем
&Egrave;    &#200;    E    латинская заглавная E с тупым ударением
&Eacute;    &#201;    E    латинская заглавная E с острым ударением
&Ecirc;    &#202;    E    латинская заглавная E с диакритическим знаком над гласной
&Euml;    &#203;    E    латинская заглавная E с двумя точками
&Igrave;    &#204;    I    латинская заглавная I с тупым ударением
&Iacute;    &#205;    I    латинская заглавная I с острым ударением
&Icirc;    &#206;    I    латинская заглавная I с диакритическим знаком над гласной
&Iuml;    &#207;    I    латинская заглавная I с двумя точками
&ETH;    &#208;    ?    латинская заглавная D с черточкой
&Ntilde;    &#209;    N    латинская заглавная N с тильдой
&Ograve;    &#210;    O    латинская заглавная O с тупым ударением
&Oacute;    &#211;    O    латинская заглавная O с острым ударением
&Ocirc;    &#212;    O    латинская заглавная O с диакритическим знаком над гласной
&Otilde;    &#213;    O    латинская заглавная O с тильдой
&Ouml;    &#214;    O    латинская заглавная O с двумя точками
&times;    &#215;    ?    знак умножения
&Oslash;    &#216;    O    латинская заглавная O со штрихом
&Ugrave;    &#217;    U    латинская заглавная U с тупым ударением
&Uacute;    &#218;    U    латинская заглавная U с острым ударением
&Ucirc;    &#219;    U    латинская заглавная U с диакритическим знаком
&Uuml;    &#220;    U    латинская заглавная U с двумя точками
&Yacute;    &#221;    Y    латинская заглавная Y с острым ударением
&THORN;    &#222;    ?    латинская заглавная THORN
&agrave;    &#224;    a    латинская строчная a с тупым ударением
&aacute;    &##225;    a    латинская строчная a с острым ударением
&acirc;    &##226;    a    латинская строчная a с диакритическим знаком
&atilde;    &#227;    a    латинская строчная a с тильдой
&auml;    &#228;    a    латинская строчная a с двумя точками
&aring;    &#229;    a    латинская строчная a с верхним кружком
&aelig;    &#230;    ?    латинская строчные буквы ae
&ccedil;    &#231;    c     латинская строчная c с седилем
&egrave;    &#232;    e    латинская строчная e с тупым ударением
&eacute;    &#233;    e    латинская строчная e с острым ударением
&ecirc;    &#234;    e    латинская строчная e с диакритическим знаком
&euml;    &#235;    e    латинская строчная e с двумя точками
&igrave;    &#236;    i    латинская строчная I с тупым ударением
&iacute;    &#237;    i    латинская строчная I с острым ударением
&icirc;    &#238;    i    латинская строчная I с диакритическим знаком
&iuml;    &#239;    i    латинская строчная I с двумя точками
&eth;    &#240;    ?    латинская строчные символы eth
&ntilde;    &#241;    n    латинская строчная N с тильдой
&ograve;    &#242;    o    латинская строчная O с тупым ударением
&oacute;    &#243;    o    латинская строчная O с острым ударением
&ocirc;    &#244;    o    латинская строчная O с диакритическим знаком
&otilde;    &#245;    o    латинская строчная I с тильдой
&ouml;    &#246;    o    латинская строчная I с двумя точками
&divide;    &#247;    ?    знак деления
&oslash;    &#248;    o    латинская строчная O со штрихом
&ugrave;    &#249;    u    латинская строчная U с тупым ударением
&uacute;    &#250;    u    латинская строчная U с острым ударением
&ucirc;    &#251;    u    латинская строчная U с диакритическим знаком
&uuml;    &#252;    u    латинская строчная U с двумя точками
&yacute;    &#253;    y    латинская строчная Y с острым ударением
&thorn;    &#254;    ?    латинская строчная thorn
&yuml;    &#255;    y    латинская строчная Y с двумя точками
&fnof;    &#402;    ?    знак функции
Греческие буквы
&Alpha;    &#913;    ?    заглавная альфа
&Beta;    &#914;    ?    заглавная бета
&Gamma;    &#915;    ?    заглавная гамма
&Delta;    &#916;    ?    заглавная дельта
&Epsilon;    &#917;    ?    заглавная эпсилон
&Zeta;    &#918;    ?    заглавная дзета
&Eta;    &#919;    ?    заглавная эта
&Theta;    &#920;    ?    заглавная тета
&Iota;    &#921;    ?    заглавная иота
&Kappa;    &#922;    ?    заглавная каппа
&Lambda;    &#923;    ?    заглавная лямбда
&Mu;    &#924;    ?    заглавная мю
&Nu;    &#925;    ?    заглавная ню
&Xi;    &#926;    ?    заглавная кси
&Omicron;    &#927;    ?    заглавная омикрон
&Pi;    &#928;    ?    заглавная пи
&Rho;    &#929;    ?    заглавная ро
&Sigma;    &#931;    ?    заглавная сигма
&Tau;    &#932;    ?    заглавная тау
&Upsilon;    &#933;    ?    заглавная ипсилон
&Phi;    &#934;    ?    заглавная фи
&Chi;    &#935;    ?    заглавная хи
&Psi;    &#936;    ?    заглавная пси
&Omega;    &#937;    ?    заглавная омега
&alpha;    &#945;    ?    строчная альфа
&beta;    &#946;     ?    строчная бета
&gamma;    &#947;     ?    строчная гамма
&delta;    &#948;     ?    строчная дельта
&epsilon;    &#949;     ?    строчная эпсилон
&zeta;    &#950;     ?    строчная дзета
&eta;    &#951;     ?    строчная эта
&theta;    &#952;     ?    строчная тета
&iota;    &#953;     ?    строчная иота
&kappa;    &#954;     ?    строчная каппа
&lambda;    &#955;     ?    строчная лямбда
&mu;    &#956;     ?    строчная мю
&nu;    &#957;     ?    строчная ню
&xi;    &#958;     ?    строчная кси
&omicron;    &#959;     ?    строчная омикрон
&pi;    &#960;     ?    строчная пи
&rho;    &#961;     ?    строчная ро
&sigmaf;    &#962;     ?    строчная сигма(final)
&sigma;    &#963;     ?    строчная сигма
&tau;    &#964;     ?    строчная тау
&upsilon;    &#965;     ?    строчная ипсилон
&phi;    &#966;     ?    строчная фи
&chi;    &#967;     ?    строчная хи
&psi;    &#968;     ?    строчная пси
&omega;    &#969;     ?    строчная омега
Стрелки
&larr;    &#8592;     &lt;    стрелка влево
&uarr;    &#8593;     ^    стрелка вверх
&rarr;    &#8594;     >    стрелка вправо
&darr;    &#8595;     v    стрелка вниз
&harr;    &#8596;     —    стрелка влево-вправо
Прочие символы
&spades;    &#9824;     ¦    знак масти ‘пики’
&clubs;    &#9827;     ¦    знак масти ‘трефы’
&hearts;    &#9829;     ¦    знак масти ‘червы’
&diams;    &#9830;     ¦    знак масти ‘бубны’
&circ;    &#710;    ?    диакритический знак над гласной
&tilde;    &#732;    ?    тильда
&trade;    &#8482;    ™    знак торговой марки
Знаки пунктуации
&bull;    &#8226;    •    маленький черный кружок
&hellip;    &#8230;    …    многоточие …
&prime;    &#8242;     ?    одиночный штрих — минуты
&Prime;    &#8243;     ?    двойной штрих — секунды
&oline;    &#8254;     ?    надчеркивание
&frasl;    &#8260;     ?    косая дробная черта
Общая пунктуация
&ndash;    &#8211;    –    тире
&mdash;    &#8212;    —    длинное тире
&lsquo;    &#8216;    ‘    левая одиночная кавычка
&rsquo;    &#8217;    ’    правая одиночная кавычка
&sbquo;    &#8218;    ‚    нижняя одиночная кавычка
&ldquo;    &#8220;    “    левая двойная кавычка
&rdquo;    &#8221;    ”    правая двойная кавычка
&bdquo;    &#8222;    „    нижняя двойная кавычка
Словарь по HTML для тех, кто собирается сделать свою первую страничку

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

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

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

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

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

<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-документами и рессурсами Интернет

&lt;A HREF=»fail.htm»> и &lt;/A> или &lt;AHREF=»http://www.ru»> и &lt;/A> — гиперсвязи
&lt;ADDRESS>&lt;A HREF=mailto:person@firm.ru> person@firm.ru&lt;/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. То есть преимущества два:

1. Улучшение логичности кода, что ведет к упрощению редактирования
2. Упрощение использования 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 любить
Dreamwiever СS4, HomeSite 4.5 и тд …знать в лицо

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

<STRONG> — обозначает сильный акцент в тексте. Разница между <EM> только в степени выразительности.
Код:     Итог:
СSS <STRONG>совершенно необходимы</STRONG> всем.     CSS совершенно необходимы всем

<CITE> — обозначает ссылку на книгу или веб-сайт. Часто используют внизу страницы для обозначения владельца.
Код:     Итог:
<CITE>Сайт по ремонту и настройке компьютеров-www.drcomp.su </CITE>,Москва, 2009
<CITE>Сайт по ремонту и настройке компьютеров-www.drcomp.su</CITE>, Москва, 2009     Сайт по ремонту и настройке компьютеров-www.drcomp.su, Москва, 2009
Сайт по ремонту и настройке компьютеров-www.drcomp.su, Москва, 2009

<ADDRESS> — обозначает контактную информацию автора сайта или организации, которой принадлежит сайт.
Код:     Итог:
Наш адрес: <P><ADDRESS>
г. Москва, ул. Ялтинская, д.1А</ADDRESS>     Наш адрес:
г. Москва, ул. Ялтинская, д.1А

<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 проще запутаться.

Метки: , ,

Добавить комментарий

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Создание и продвижение сайтов WebLine Studio © 2008-2020