Маленькие секреты большого HTML. версия для печати |
Meta. |
|
META Tags TAGnet META Tags Getting Listed on the Search EnginesB набор команд языка HTML включена специальная группа инструкций META, предназначенных в основном для описания и индексирования документа поисковыми машинами.
Команды META вносятся в «шапку» гипертекстового документа внутри блока <HEAD>
</HEAD>. Наибольшее практическое значение имеют два типа META description (описание) и keywords (ключевые слова).
Синтаксис этих команд весьма прост и стандартен:
<META NAME="description" CONTENT="Эта часть страницы посвящена индексированию документов WWW с помощью инструкций МЕТА">
<META NAME="keywords" CONTENT="META, HTML, WWW, Web, паутина, поиск, определение, рекомендации, примеры использования, руководство, информация, справка">
Многие роботы, индексирующие документы HTML, пользуются описанием, которые они находят у вас в инструкции «description», при выводе информации о вашей странице в результатах поиска. Если этой инструкции в документе не окажется, то поисковая машина вернет информацию о вашем сайте в виде 256 или 512 первых символов найденной страницы разумеется, за вычетом команд HTML. Возможность контролировать, какую информацию о вашей странице получит пользователь, нашедший ее по ключевому слову в поисковой машине, позволяет вам повысить свои шансы на привлечение посетителей, интересующихся именно вашей темой.
Помимо двух рассмотренных в нашей заметке видов инструкций МЕТА description и keywords эта команда имеет несколько других важных применений, достойных отдельного рассмотрения. Назовем их здесь вкратце:
- Специализированные МЕТА инструкции для систем, которые настроены на их отслеживание. Например, MЕТА может использоваться для включения в текст страницы кодов RSAC рейтинга данного документа по классификации Консультативного совета развлекательных программ http://www.rsac.org. Рейтинг RSAC учитывает такие параметры, как секс, насилие и ненормативная лексика в тексте документов аутины.
- Поскольку инструкции МЕТА находятся в «шапке» документа, они могут использоваться при настройке параметров программы-гляделки для оптимального показа данного документа пользователю. В частности, МЕТА может содержать информацию о кодировке документа:
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=KOI8-R">
Эта инструкция означает, что документ написан на русском языке, в кодировке КОИ8. Предполагается, что Нетскейп и другие гляделки используют эту информацию для автоматического переключения доступных кодировок.
- МЕТА может использоваться для создания динамических документов, содержимое которых освежается через заданный промежуток времени (в секундах):
<META HTTP-EQUIV="Refresh" CONTENT="12; URL=http://www.chat.ru">
Включение этой инструкции в «шапку» приведет к тому, что через 12 секунд после загрузки текущего документа гляделка вызовет страницу, адрес которой указан как значение URL. Если значением URL является не документ HTML, а, скажем, звуковой файл, то он будет исполнен в указанный срок.
В обоих случаях, эта техника носит название Client Pull, поскольку инструкция о затребовании нового документа через команду Refresh передается клиенту HTTP и им исполняется.
|
Гиперссылка. |
|
Гиперссылка это ссылка (линк) соединяющая ресурсы между собой. Чтобы поставить ссылку, нужно поставить тэг <A> и адрес ссылки:<A HREF="index.htm">Ваш текст</A> Тэг </A> закрывает тэг ссылки. В этом случае, при нажатии на ссылку, страница index.htm будет искаться в том же каталоге (директории), где и находится та страница, на которой установлена эта ссылка.
Также можно установить базовую директорию, которая будет использоваться во всем документе. К примеру, если Вы поставили:
<BASE TARGET="http://www.chat.ru"> <A HREF="index.htm">Главная</A> <A HREF="map.htm">Карта</A> То все ссылки будут вести на http://www.chat.ru/ssilka.htm, вне зависимости от того, где страница расположена. Ссылки на разные документы. Можно станавливать ссылки не только на страницы HTML, но и на рисунки и файлы.
<A HREF="akma_d.gif">Мой баннер</A> Если Вы хотите установить ссылку на файл, который пользователь должен скачать, то самые популярные форматы это *.zip, *.exe, *.arj, *.rar. Установить ссылку можно на примере ранних вариантов:
<A HREF="arh.zip">Архив</A> Якоря. Для удобства перемещения по тексту сделали "якорь". Вы устанавливаете его и в ссылке указываете его имя и при нажатии он перемещает Ваш вид в окне браузера в то место, где установлен якорь. Пример вставки якоря:
<A NAME="text"> Пример создании ссылки на якорь:
<A HREF="text">Text</A> E-mail ссылка. Если Вы хотите сделать ссылку на один e-mail, к примеру, akma@itc.irz.ru, то надо вставить:
<A HREF="mailto:akma@itc.irz.ru">AKMA E-mail</A> Но иногда нужно послать не одному человеку, а двум или трем... Для этого надо вставить cc:
<A HREF="mailto:akma@itc.irz.ru,pont@hotmail.com? cc=vika@chat.ru">Послать всем письма</A> А если еще хотите самостоятельно проставить заголовок письма, то:
<A HREF="mailto:akma@itc.irz.ru,pont@hotmail.com? cc=vika@chat.ru&subject=Strelka!">Стрелка</A> Теперь разберемся. Сначала идет mailto:akma@itc.irz.ru. При написании только этого, высветится экран почтовой программы с указанием адреса akma@itc.irz.ru. Если еще добавить mailto:pont@hotmail.ru то появится экран с двумя адресами. Тут еще можно послать копию на vika@chat.ru функцией ?cc=merry@abc.comи еще прибавить заголовок письма функцией &subject=Ваш текст. А еще лучше указать сразу имя человека, которому принадлежит этот e-mail. Надо вместо обычного адреса e-mail вставить:
<A HREF="mailto:AKMA <akma@itc.irz.ru">AKMA E-mail</A> Ссылки на разные протоколы. Если Вы хотите поставить ссылку на FTP сайт или находящийся на нем файл, то надо поставить:
<A HREF="ftp://ftp.domain.ru/public/pub/"> Зайдите на FTP сайт! Там Вы найдете много разных файлов</A> И если Вы хотите поставить ссылку на файл, а не на директорию, то надо вставьте имя файла после имени директории. Существует возможность поставить ссылку на telnet:
<A HREF="telnet://doctoro.edu">Telnet</A> А если Вы хотите сделать ссылку с указанием имени пользователя, то надо вставить символ «@»:
<A HREF="telnet://jack@doctoro.edu">Telnet</A> Для указания пароля впишите его поле двоеточия:
<A HREF="telnet://jack:password@doctoro.edu">Telnet</A> Можно указать ссылку на news группу, заменив groupname на настоящее имя news группы:
<A HREF="news:groupname">NEWS</A>
|
Target. |
|
Целеуказание в HTML выполняется при помощи атрибута TARGET. Этот атрибут может быть добавлен к различным HTML тэгам, для целеуказания ссылок, входящих в тэг. Атрибут имеет такую форму:TARGET="window_name" - TARGET в тэге <A> это очень просто. Якорный тэг <A> обычно указывает ссылку, документ по которой надо загрузить при ее активации. Добавление к тэгу атрибута TARGET вызывает загрузку документа в указаное окно. Например:
<A HREF="url" TARGET="window_name">Targeted Anchor</A>
- TARGET в тэге <BASE> используется когда вы хотите, чтобы все (или большинство) ссылок в документе имело целью какое-либо одно окно. Тогда атрибут TARGET организует указание целевого окна по умолчанию. Такое умолчание может быть, конечно, обойдено, указанием иного окна с помощью атрибута TARGET индивидуально для ссылки. Например:
<BASE TARGET="window_name">
- TARGET в тэге <AREA> документ IETF Internet-Draft of Client-Side Image Maps. Определяет тэг для области <AREA>. Этот тэг, отрабатывающийся на машине клиента, описывает некую область на рисунке, и присваивает ей ссылку по которой нужно идти при тыкании в указанную область картинки. Добавление атрибута TARGET в тэг <AREA> вызывает загрузку документа по ссылке в указанное окно. Например:
<AREA SHAPE="shape" COORDS="x,y,..." HREF="url" TARGET="window_name">
- ТARGET в тэге <FORM> тэг FORM обычно показывает результат запроса из формы в том же окне, что и сама форма. Добавляя TARGET мы можем перенаправить результат в указаное окно. Например:
<FORM ACTION="url" TARGET="window_name">
Допустимые имена в TARGET. Имя окна, указываемое в атрибуте TARGET должно начинаться с буквы или цифры, чтобы быть правильным. Все другие (неправильные) имена игнорируются. Исключение: Существуют магические имена, начинающиеся с символа "подчеркивание". Магические имена в TARGET. Все эти имена начинаются с символа "подчеркивание". Любое имя окна, начинающееся с подчеркивания и не входящее в нижеследующий список, магическим не является и попросту игнорируется: просит документ загрузиться в новое, пустое окно. Окно получится неименованное.TARGET="_self" просит документ загрузиться в то же окно, которое содержит тыкнутую ссылку. Полезно для обхода глобально присвоенного целевого окна (в тэге <BASE>). вызывает загрузку документа в окно епосредственного родителя текущего FRAMESET Работает также как «_self» если у документа нет родителя.TARGET="_top" вызывает загрузку документа в полное окно. Действует также как «_self»" если документ уже в полном окне. Полезно для разбивания вложенных FRAME произвольной глубины.
|
Table. |
|
Служит для представления табличной информации, т.е. структуры, подобной матричной. Таблица, по умолчанию без окружающей рамки (бордюра). Если рамка существует (задается атрибутом BORDER), таблицы отображены в барельефном приподнятом виде с внешней рамкой со скосом, и отдельными вставленными в эту приподнятую поверхность ячейками. Если ячейки имеют явное содержание, рамки вокруг отдельных ячеек вычерчены. Незаполненное пространство в таблице не выделяется, за исключением . Размер таблицы для отображения содержимого обычно устанавливается браузером автоматически, однако можно установить ширину таблицы, используя атрибут width. Основной синтаксис. <TABLE> строки таблицы (tr элементы) </TABLE>
Возможные атрибуты.
Имя атрибута | Возможные значения | Смысл | Примечания |
---|
ALIGN | LEFT, center, RIGHT | горизонтальное выравнивание всей таблицы | по умолчанию LEFT, однако это может быть перекрыто внешними элементами DIV или center |
---|
WIDTH | спецификация ширины | ширина всей таблицы | по умолчанию ширина определяется браузером так, чтобы представить все содержимое |
---|
BORDER | целое | ширина рамки в пикселях | значение 0 (по умолчанию) означает без рамки; некоторые браузеры допускают просто написание BORDER, которое воспринимается, как BORDER=1 |
---|
CELLSPACING | целое | промежуток между ячейками в пикселях | смотрите примечания ниже |
---|
CELLPADDING | целое | промежуток между содержимым ячейки и рамкой вокруг ячейки в пикселях ("набивка") | |
---|
| Обычно атрибут BORDER (с ненулевым значением) устанавливает по умолчанию CELLSPACING=1. Это означает, что при установке рамки для всей таблицы Вы также установите рамки в один пиксел для отдельных ячеек. Обычно примыкающие табличные ячейки разделены общей рамкой, а в HTML каждой ячейке назначается ее собственная рамка, которая отделяется от рамок вокруг соседних ячеек. Это разделение может быть установлено в пикселях с использованием атрибута CELLSPACING (например, CELLSPACING=10). Это же значение определяет расстояние между табличной рамкой и рамками наиболее удаленных от центра ячеек.
|
|