МЕТА - определители

Ссылки на файловые объекты

Ссылки на адрес электронной почты

Ссылки на разделы

Ссылки на документы

Гиперссылки

Разделители

Таблицы

Списки

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

Тег для создания бегущей строки:

<MARQUEE> текст </MARQUEE>

Он может содержать атрибуты:

Атрибут направления движения DIRECTION=параметр (left, right) для задания направления движения строки.

Атрибут числа повторов LOOP=n, где n – число циклов движения строки.

Атрибут характера движения BENAVIOR=параметр (scroll – стандартное движение от правого края к левому, slide – строка один раз пробегает от правого края к левому, где и остается, alternate – движение от правого края страницы к левому и обратно, бесконечный цикл )

Атрибут для задания длины строки WIDHT=n, где n - ширина той части страницы, на которой расположена бегущая строка. Значение n может указываться как в пикселях, так и в процентах от общей ширины видимой части страницы.

Продолжая параллель с документами MS Word, необходимо сказать еще о двух элементах оформления текстовых файлов, а именно — о нумерованных и маркированных списках. Они были разработаны для отображения упорядоченной информации в виде позиционированных по смыслу вхождений.

На языке HTML подобный маркированный список можно представить при помощи команды <UL> следующим образом:

<UL ТУРЕ="параметр">

<LI> Вхождение 1</LI>

<LI> Вхождение 2</LI>

<LI> Вхождение 3</LI>

<LI> Вхождение n</LI>

</UL>

Атрибут TYPE позволяет программисту управлять внешним видом и формой обозначающих каждое вхождение меток. Параметр этого атрибута может принимать одно из трех значений:

DISC — метки отображаются в виде заполненных черным цветом окружностей;

CIRCLE — метки отображаются в виде полых окружностей;

SQUARE — метки отображаются в виде заполненных черным цветом квадратов.

По умолчанию, то есть в случае, когда в маркированном списке тег <UL> записывается без атрибутов, TYPE="DISC".

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

В документе HTML нумерованный список можно представить с использованием тега <OL>:

<OL ТУРЕ="параметр" START="значение">

<LI> Вхождение 1</LI>

<LI> Вхождение 2</LI>

<LI> Вхождение 3</LI>

</OL>

Атрибут TYPE, так же как и в случае с маркированным списком, позволяет определять вид маркеров, которыми будут обозначаться составляющие список значения. В составе атрибута TYPE команды <OL> можно использовать один из следующих параметров:

"1" — обычные арабские числа 1, 2, 3 и т. д.

"I" — римские цифры в заглавном регистре I, II, III, IV и т. д.

"i" — римские цифры в строчном регистре i, ii, iii и т. д.

"А" — символьная маркировка в заглавном регистре А, В, С и т. д.

"а" — символьная маркировка в строчном регистре а, b, с и т. д.

Атрибут START позволяет задавать позицию, с которой следует начать маркировку. Например, если атрибут TYPE задан как "1", а атрибут START — как "5", то нумерация начнется с цифры 5. Если же TYPE имеет значение "А", а START — "D", то маркировка начнется с символа D.

При использовании атрибута START необходимо внимательно следить, чтобы его значение соответствовало типу маркировки, указанному в атрибуте TYPE. Запись <OL TYPE="I" START="A"> не допускается. Наоборот, запись <OL TYPE="A" START="I"> вполне допустима.

По умолчанию значение атрибута TYPE принимается как "1", нумерация начинается с первого элемента в каждом из типов маркировки.

Возможно создание так называемых вложенных списков, реализуемых посредством размещения одной пары тегов в другой, например, команд создания маркированного списка внутри нумерованного.

На языке HTML такой список можно представить следующим набором команд:

<OL>

<LI>Вхождение 1</LI>

<UL>

<LI>Вхождение l - a</LI>

<LI>Вхождение 1- б<LI>

</UL>

<LI> Вхождение 2</LI>

<UL>

<LI>Вхождение 2-a</LI>

<LI>Вхождение 2-6</LI>

</UL>

</OL>

Помимо нумерованных и маркированных списков язык разметки гипертекста позволяет создавать списки определений, для чего применяются команды <DL>. Внешний вид простого списка определений таков:

Заголовок группы вхождений 1

Вхождение 1-а

Вхождение 1-б

Заголовок группы вхождений 2

Вхождение 2-а

Вхождение 2-б

В виде кода HTML этот список можно представить следующим образом:

<DL>

<DТ>Заголовок группы вхождений 1

<DD>Вхождение 1-а

<DD>Вхождение 1-б

<DT>3aголовок группы вхождений 2

<DD>Вхождение 2-а

<DD>Вхождение 2-б

</DL>

Закрывающие теги для команд <DТ> и <DD> списка определений можно опустить. Данные теги могут использоваться и самостоятельно: <DT> для отображения терминов, выделяемых в тексте шрифтом, a <DD> — для их расшифровки, помеченной отступом. В этом случае наличие соответствующих закрывающих тегов обязательно.

Таблица вставляется в HTML-документ парными тегами <TABLE> </TABLE>. Тег <TABLE> может содержать атрибуты:

BORDER – ширина бордюра (может принимать значения от 0 до 10);

WIDTH - ширина таблицы;

BGCOLOR – цвет фона под таблицей.

Между тегами <TABLE> могут располагаться следующие элементы:

<CAPTION> название таблицы </CAPTION>

У тега <CAPTION> может быть атрибут ALIGN, для которого возможны два значения, определяющие положение названия таблицы: top – над таблицей, bottom - под таблицей.

<TR> строка таблицы </TR>

У тега <TR> могут быть атрибуты:

ALIGN – выравнивание внутри строки (LEFT, RIGHT, CENTER)

VALIGN – вертикальное выравнивание внутри строки таблицы (TOP, BOTTOM, MIDDLE)

BGCOLOR – цвет фона внутри строки.

<TD> столбец таблицы </TD>

- тег столбца таблицы, который может иметь следующие атрибуты:

ALIGN – выравнивание в столбце (LEFT, RIGHT, CENTER)

VALIGN – вертикальное выравнивание внутри строки таблицы (TOP, BOTTOM, MIDDLE)

COLSPAN=n, ROWSPAN=n – растягивание ячейки таблицы на n столбцов или строк.

BGCOLOR – цвет фона внутри столбца.

Для того чтобы визуально отделить часть объектов html-документа от других, применяется тег <HR>. С его помощью можно отобразить в окне броузера горизонтальную черту заданного размера и цвета. В общем виде синтаксис директивы <HR> выглядит следующим образом:

<HR ALIGN="параметр" WIDTH="значение" SIZE="значение" COLOR="значение">

Атрибут ALIGN определяет положение горизонтальной черты на экране и может принимать одно из трех возможных значений: CENTER, LEFT и RIGHT (выравнивание черты по центру, левой и правой границам экрана).

Атрибут WIDTH определяет длину линии, причем его значение можно задавать либо в пикселях простым целым числом, либо в процентах от ширины экрана при помощи числа от 1 до 100 с добавлением символа «%», например, WIDTH ="268" или WIDTH ="80%". В последнем случае абсолютная длина линии будет меняться в зависимости от установленного пользователем экранного разрешения. Атрибут SIZE, значение которого — простое целое число, задает толщину линии в пикселях. И, наконец, атрибут COLOR определяет цвет заливки линии, в качестве его значения указывается либо шестнадцатеричный цифровой код, либо символьная нотация необходимого цвета. Ниже приведен пример записи тега <HR>:

<HR ALIGN="CENTER" WIDTH="80%" SIZE="1" COLOR="#0000FF">

Очевидно, что подобно директиве <BR> команда <HR> не имеет закрывающего тега. По умолчанию, то есть в случае записи команды <HR> без указания каких-либо атрибутов, броузер отобразит двухцветную серо-белую линию толщиной в три пикселя и длиной во весь экран.

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

Текстовые гиперссылки можно разделить на четыре условных категории:

· ссылки на документы,

· ссылки на разделы,

· ссылки на адрес электронной почты

· ссылки на файловые объекты.

Реализовать простую гиперссылку на другую web-страницу можно путем использования в html-документе тега <А>, синтаксис записи которого в общем виде выглядит следующим образом:

<А HREF="URL" TARGET="параметр" TITLE="альтернативный текст"> текст гиперссылки</А>

В приведенном примере атрибут HREF указывает на адрес страницы, с которой необходимо установить гиперсвязь. Этот адрес может быть представлен как в виде полного URL (например, "http://www.server.ru/page.htinl"), если целевой документ физически расположен на другом сервере, так и в виде сокращенного URL с указанием пути к искомой странице в пределах локального сервера (например, "/folder/page.html"). Если искомый документ расположен в одной директории с текущим, в качестве параметра атрибута HREF достаточно записать его название.

Атрибут TARGET содержит директивы, описывающие правила открытия целевого документа в броузере, эти директивы выделяются в коде символом подчеркивания. Одно из наиболее часто встречающихся значений атрибута TARGET="_blank" отображает открываемый по ссылке документ HTML в новом окне броузера. Другим значением может быть: '_self' - открываемый по ссылке документ отображается в том окне, которое содержит ссылку.

Атрибут TITLE предназначен для создания так называемого альтернативного текста — всплывающей подсказки, появляющейся в небольшом прямоугольнике, если пользователь задержит курсор мыши над гиперссылкой на несколько секунд. Такая подсказка может содержать, например, более подробное описание вызываемого документа.

Следует помнить, что тег <А> является одной из немногих директив HTML, не позволяющих организовать внутри нее вложение однотипных элементов, то есть, одну гиперссылку нельзя размещать внутри другой.

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

Первый заключается в подготовке, так называемой «закладки» —специальной метки с уникальным в пределах данного документа именем, присваиваемым «закладке» посредством атрибута NAME. Для этого в том участке текста, где необходимо разместить метку, применяется следующая команда:

<А NAME="имя_закладки"> ключевое слово или заголовок раздела </А>

Второй этап — создание самой ссылки при помощи такой команды:

<А HREF="#имя_закладки"> текст ссылки </А>

Для задания имени «закладки» лучше использовать латинские символы. При вызове раздела посредством гиперссылки имя «закладки» предваряется символом «#».

Для размещения ссылки на раздел какого-либо другого документа в вызывающем теге перед именем «закладки» указывается URL документа. В этом случае рекомендуется также использовать атрибут TARGET с параметром "_blank".

Подобная команда в обобщенном виде будет выглядеть следующим образом:

<А HREF="http://www.server.ru/document.html#имя_закладки" TARGET="_blank"> текст ссылки </А>

При активизации ссылок на адрес электронной почты автоматически запускается установленная на компьютере почтовая программа и на экране формируется уже готовый к отправке бланк электронного письма с заполненным адресным полем и иногда полем Subject. Данные гиперссылки также можно реализовать с использованием тега <А>. В виде кода HTML ссылку на адрес электронной почты представляют следующим образом:

<А HREF="mailto:[email protected][email protected],

[email protected]&subject=тема_письма" > текст ссылки </А>

Директива mailto: указывает на основной адрес электронной почты, куда следует отправлять созданное автоматически письмо. В минимальной записи атрибута HREF при реализации гиперссылки на адрес электронной почты можно указать только эту директиву и какой-либо адрес e-mail. Функция ?сс позволяет определить адреса пользователей, которым будет отправлена копия сообщения. Если таких адресов больше одного, они записываются подряд через запятую без пробелов. И наконец, с помощью функции Subject можно задать тему отсылаемого сообщения.

Гиперссылка на некий файловый объект подразумевает организацию гиперсвязи документа HTML с каким-либо файлом, хранящимся на сервере. При клике на такой гиперссылке автоматически открывается сессия загрузки данного файла с удаленного сайта на локальный пользовательский компьютер. Мнемоника записи подобной команды выглядит следующим образом:

<А HREF="http://www.myserver.com/fi1es/archive.ziр"> текст гиперссылки </А>

Иногда для реализации гиперсвязи с файловым объектом в записи URL этого объекта используется префикс "file://", однако такой подход применяется в основном для организации ссылок на файловый объект, расположенный на локальном компьютере. Если загрузку файла планируется осуществлять по протоколу FTP, используйте префикс "ftp://". Если искомый файл расположен в той же директории, что и вызывающий его документ, в качестве значения атрибута HREF можно просто указать его имя.

МЕТА - определители — это элементы заголовков HTML-документов, несущие исключительно служебные функции. Они не влияют на отображение web-страниц в броузере и не могут каким-либо образом изменить их содержимое. По большому счету, МЕТА - определители описывают свойства документа и потому зачастую игнорируются web-дизайнерами. Вместе с тем, именно МЕТА – определители позволяют повысить релевантность сайта при индексировании его поисковой машиной. Некоторые полезные свойства приобретаются информационным ресурсом и в других случаях. Остановимся на этом подробнее.

МЕТА - определители записываются непосредственно в заголовке документа HTML между тегами <HEAD> и </HEAD> после тега </TITLE>. Существуют два разряда МЕТА - определителей, различающихся атрибутами и имеющих, соответственно, разное назначение. К первому разряду относятся определители, использующие атрибут NAME. Синтаксис их записи в общем случае таков:

<МЕТА NAME='значение1" CONTENT="значение2">

Первый МЕТА-определитель, который мы рассмотрим применительно к данному классу команд, записывается в коде html-документа следующим образом:

<МЕТА NAME="description" CONTENT="краткое описание содержимого сайта">

Эта директива применяется для облегчения и ускорения процесса индексации вашего ресурса поисковыми машинами. В динамически создаваемый поисковым сервером файл отчета включается либо информация, встречающаяся первой в тексте документа HTML, либо данные, указанные в теге МЕТА. Таким образом, наличие МЕТА - определителя многократно увеличивает шансы ресурса попасть в первую десятку сайтов, которые «найдет» поисковый сервер по требованию пользователя.

Следующая возможная директива, выглядит так:

<МЕТА NAME="keywords" СОNТЕNТ="перечень необходимых ключевых слов через запятую">

Данный тег содержит перечисление ключевых слов, на которые должны «реагировать» поисковые машины, включая сайт в файл отчета. Не рекомендуется указывать в нем более тридцати ключевых слов подряд, равно как и записывать в МЕТА - определителе с параметром «description» «объемное» описание сайта, поскольку многие поисковые серверы имеют ограничения на количество индексируемых слов.

Рекомендуется указывать в поле CONTENT два варианта записи информации, набираемой как в строчном, так и в заглавном регистре. Хорошим тоном считается указывать в атрибуте CONTENT описание сайта на русском и английском языках.

Приблизительно ту же функцию играет следующий МЕТА-тег:

<МЕТА NAME="abstract" CONTENT="описание содержимого сайта и перечень ключевых выражений через запятую">

Для обозначения тематики сайта используется тег:

<МЕТА NAME="subject" CONTENT="главная тема сайта, выраженная одним - двумя словами">

Данный МЕТА определитель указывает на тему, которой посвящена страница, что опять-таки важно для регистрации сайта некоторыми поисковыми серверами.

<МЕТА NAME="page-type" CONTENT="Тип к которому относится страница">

Дать какие-либо конкретные рекомендации о правилах записи этого МЕТА-тега невозможно, поскольку каждая поисковая машина использует собственный классификатор ресурсов. В общем случае данная директива применяется с целью автоматического занесения ссылки на сайт в какую-либо тематическую рубрику поискового сервера. Наиболее «нейтральным», вариантом представления поля CONTENT указанного МЕТА-определителя является фраза «information resource».

<МЕТА NAME="distribution" CONTENT="Global">

<МЕТА NAME="rating" CONTENT="General">

— два МЕТА-тега, определяющие область действия информации, представленной на сайте. Если опубликованные данные могут представлять интерес только, скажем, для жителей Оконешниковского района, значения этих директив можно изменить, во всех остальных случаях рекомендуется оставить их «как есть», поскольку любой другой вариант записи тегов может повлиять на индексацию вашего ресурса поисковыми серверами.

<МЕТА NAME="title" CONTENT="3aголовок web-страницы">

<МЕТА NAME="page-topic" CONTENT="3aголовок web-страницы">

- определители предназначены для поисковых машин, не умеющих работать с тегом <TITLE>. В поле CONTENT данных директив можно скопировать текстовое содержимое, записанное в заголовке страницы.

<МЕТА NAME="site-created" CONTENT="Дата">

Указанный МЕТА-определитель декларирует дату создания web-сайта, которая иногда отображается в файле отчета некоторых поисковых серверов в качестве дополнительной информации о ресурсе. Дата записывается в формате МЕСЯЦ-ДЕНЬ-ГОД с ведущим нулем, например, 04-08-2000.

<МЕТА NAME="expires" CONTENT="Дата">

Предполагаемая дата закрытия сайта, после которой упоминание о нем будет удалено из базы данных поискового сервера. Дата записывается в том же формате, что и дата создания страницы.

<МЕТА NAME="revisit" CONTENT="N days">

<МЕТА NAME="revisit-after" CONTENT="N days">

Эти теги несут абсолютно идентичную функциональную нагрузку и указывают поисковому серверу, через сколько дней следует вновь обратиться к вашему ресурсу для его переиндексации. Как правило, данные МЕТА - определители применяют, если страница регулярно обновляется, причем эти обновления затрагивают ее тематическое содержание, указанное в других МЕТА - тегах. В таком случае включением данной команды в код HTML возможно избежать утомительной процедуры повторной регистрации сайта в поисковых машинах сервер сделает это автоматически. Вместо ключа N в поле CONTENT данной команды подставляется любое целое число от 1 до 30.

<МЕТА NAME="robots" CONTENT="NOINDEX">

Эта директива запрещает поисковым машинам индексировать данную web-страницу.

<МЕТА NAME="robots" CONTENT="NOFOLLOW">

Тег запрещает поисковому серверу следовать по гиперссылкам, установленным на данной странице.

<МЕТА NAME="content-language" CONTENT="язык">

Эта директива декларирует язык, на котором представлена опубликованная на сайте информация. В поле CONTENT вносится название языка, написанное в английской транскрипции, например «russian» или «english».

<МЕТА NAME="resource-type" CONTENT="document">

Указание на тип вашего ресурса. Рекомендуется оставить без изменений.

<МЕТА NAME="audience" CONTENT="all">

МЕТА - тег, определяющий аудиторию вашего сайта.

<МЕТА NAME="Copyright" CONTENT='Имя вебмастера. Copyright 2003">

<МЕТА NAME="Autor" CONTENT='Имя вебмастера. Copyright 2003">

Данные МЕТА - теги декларируют ссылку на авторские права, принадлежащие разработчику проекта. Эта информация отображается в файле отчета некоторых поисковых машин.

<МЕТА NAME="reply-to" CONTENT="aдрес электронной почты">

Указание на адрес электронной почты автора проекта. Иногда показывается в файлах отчета поисковых серверов.

<МЕТА NAME="Owner" СОNТЕNТ="Название компании или имя владельца">

<МЕТА NAME="Address" CONTENT="Адрес офиса">

<МЕТА NAME="Owner-type" CONTENT="corporation, company/small или personal">

Информация о владельце ресурса. В поле CONTENT первого МЕТА - определителя заносится полное название фирмы-владельца ресурса или имя владельца, если он — частное лицо, второй тег содержит адрес офиса, по которому можно обратиться за дополнительной информацией, третий указывает на тип фирмы: corporation — для больших корпораций, company/small — для малых компаний и, наконец, personal — для частных предпринимателей и физических лиц.

<МЕТА NAME="Publisher-name" CОNЕNТ="Название компании или имя лица, опубликовавшего сайт">

<МЕТА NAME="Publisher-type" CONTENT="corporation, company/small или personal">

<МЕТА NAME="Publisher-location" CONTENT="RU">

Для первых двух тегов справедливо все то же самое, что и для предыдущих МЕТА - определителей, за исключением того, что они представляют информацию не о владельце ресурса, а о том, кто его опубликовал. В общем случае издатель web-страницы не обязательно должен быть ее владельцем. В поле CONTENT МЕТА - тега с именем «Publisher-location» заносится обычно обозначение домена первого уровня страны издателя сайта или аббревиатура US, если он находится в США.

<МЕТА NAME="home-url" CONTENT="URL">

Здесь указывается адрес ресурса в сети Интернет, который издатель сайта считает своей домашней страничкой. Обычно этот тег используется для представления URL разработчика web-сайта, если сам сайт был создан для сторонней фирмы или частного лица. По указанной в МЕТА-определителе ссылке потенциальные заказчики смогут найти разработчика данного ресурса.

<МЕТА NAME="Generator" CONTENT="Название программы">

Данный МЕТА-определитель был придуман разработчиками html-редакторов для рекламы собственных программных продуктов. Практически все программы, предназначенные для верстки web-страниц, вставляют этот тег в код HTML автоматически.

Вторая категория МЕТА - определителей использует в своем составе директиву HTTP-EQUIV. В отличие от первой категории МЕТА - тегов, имеющих чисто информационное назначение, теги второй категории играют определенную роль при передаче документов посредством протокола HTTP. Эти директивы используются для придания web-страницам некоторых примечательных свойств, которые в ряде случаев могут быть полезны web-дизайнеру.

<МЕТА HTTP-EQUIV="Refresh" CONTENT="N;

URL=http://www.имя_сайта.ru/имя_страницы.html">

Включение такого тега в заголовок web-страницы обеспечит автоматический переход броузера по указанному в поле CONTENT адресу через N секунд. Данная функция, называемая «редиректом», или «перенаправлением» пользовательского броузера на какой-либо ресурс. Она применяется в основном тогда, когда ваш сайт сменил адрес, переместился на другой хост. В этом случае на сервере со старым адресом размещается файл index.html, содержащий описанную выше директиву и соответствующую поясняющую надпись, например: «Извините, наш сайт переехал по адресу <адрес>. Через несколько секунд данная страница будет загружена автоматически». Иногда такая команда применяется также для автоматического переключения пользователя с заглавной («splash») на стартовую страницу сервера.

Дата добавления: 2014-01-20