From: MailList: Темные стороны HTML
Subject: [HTML] Углубленное описание тега "<A>"
Выпуск 11 Темные стороны HTML 24.09.2000
После затянувшегося молчания мы снова с Вами. Перед уходом в отпуск мы проводили
опрос читателей по поводу того нужно ли сделать цикл выпусков, посвященных тегам.
Пришло очень много писем, в которых читатели горячо поддержали нашу идею.
Начиная с этого выпуска мы начинаем цикл выпусков, в каждом из которых самым
тщательным образом будет рассматриваться отдельно взятый тег. Мы постараемся
давать абсолютно полную и исчерпывающую информацию о теге, который будем
рассматривать.
Вы узнаете все аттрибуты данного тега, все возможные значения аттрибутов тега,
будут рассмотрены случаи, когда он применятся. А также мы будем рассказывать
о его "Темных сторонах", о том, что Вам никто никогда не расскажет про данный тег.
Кстати профессиональным кодерам тоже не стоит расслабляться. Когда мы начинали
готовить данный цикл, то тоже думали, что знаем HTML как свои 5 пальцев, но все
оказалось гораздо сложнее. Так что я думаю, что и профессионалы смогут почерпнуть
для себя много интересного и ранее неизвестного.
Это общий случай. Многие компоненты могут отсутствовать. Например может
отсутствовать закрывающий тег ( ,<img>), или могут
отсутствовать атрибуты. В этом месте профессиональные web-programerы скажут
что такие теги как nobr, noframes, head, html и т.д. не имеют атрибутов,
но это заблуждение.
На самом деле все до единого теги имеют атрибуты.
-------------------
Вступительное слово
-------------------
Наши "старые" читалели помнят, что перед уходом в отпуск мы
обещали при вовращении начать цикл рассылок, в каждой из которых
самым подробным образом будет рассматриваться какой-либо тег.
Немного расскажем как будет строиться этот цикл.
Все теги разбиты нами на 6 разделов. Описание будет производиться поблочно,
то есть взяли например блок form-related и описываем все теги, входяшие
в данный блок и так далее.
Некоторые замечания:
* Для чтения рассылки Вам понадобятся некоторые наши обозначения:
* STRING - строка, набор символов
* NUMBER - число
* ALPHANUMERIC - символ из буквенно-цифровой раскладки клавиатуры
* n/a (not available) - нет значения
* в описании пока не будут присутствовать атрибуты, появившиеся только в
Internet Explorer 5,5, в силу того что совсем незначительное
кол-во людей используют эту версию браузера.
* в описании также не будут присутствовать атрибуты, которые либо морально
устарели, либо вообще не имеют практического применения
* если атрибут отсутствует, либо не работает, или же не совсем корректно
работает в Нетскейпе - это будет указано отдельно
* пока мы опускаем события, потому как практически все теги имею
одни и те же события, поэтому возможно в один из ближайших выпусков
мы посвятим полному описанию событий.
-------
Тег <A>
-------
Краткое описание: гипертекстовая ссылка.
Основное назначение - связывание документов между собой.
Атрибуты:
Имя атрибута: HREF
Описание: адрес документа, на который указывает ссылка
Возможные значения:
* URL
* javascript: - исполнение команд javascript при нажатии на ссылку
* mailto: - отправка письма
Значение по умолчанию: n/a
Пример:
1.
<a href='http://darkhtml.webservis.ru'>DarkHTML</a>
ссылка на индексный документ на другом сервере
2.
<a href='http://darkhtml.webservis.ru/main.html'>DarkHTML</a>
ссылка на документ на другом сервере
3.
<a href='index2.html'>DarkHTML</a>
ссылка на локальный документ
4.
<a href='mailto:darkhtml@univer.kharkov.ua'>DarkHTML</a>
ссылка для отправки почты
5.
<a href ='javascript:window.open("http://darkhtml.webservis.ru","width=300 height=200")'>new window</a>
ссылка откроет документ в новом окне размером 300*200
Имя атрибута: NAME
Описание: имя ссылки
Возможные значения: STRING
Значение по умолчанию: n/a
Пример:
1.
<a name='link'></a> - определение якоря
2.
<a name='link'></a> - определение якоря
...
<a href='#link'>Link</a> - ссылка на якорь
3.
<a href='http://darkhtml.webservis.ru#link'>Link</a>
ссылка на якорь в другом документе
4.
<a name='link' href='http://darkhtml.webservis.ru'>DarkHTML</a>
пример использования атрибутов href и name в одной ссылке
Имя атрибута: TARGET
Описание: имя окна или фрейма, в котором будет открыт документ, на который указывает ссылка
Возможные значения:
* STRING
* _top - открытие документа в текущем окне
* _blank - открытие документа в новом окне
* _self - открытие документа в текущем фрейме
* _parent - открытие документа в родительском фрейме
Значение по умолчанию: _self
Пример:
1.
<a href='http://darkhtml.webservis.ru' target='my'>DarkHTML</a>
документ откроется в окне или фрейме с именем "my".
2.
<a href='http://darkhtml.webservis.ru' target='_blank'>DarkHTML</a>
документ откроется в новом окне
Имя атрибута: ACCESSKEY (только IE 4+)
Описание: устанавливает клавишу для попадания элемента в фокус
Возможные значения: ALPHANUMERIC
Значение по умолчанию: n/a
Пример:
1.
<a href='http://darkhtml.webservis.ru' accesskey='2'>Click ALT+2 to set focus to this link</a>
при нажатии ALT+2 ссылка попадет в фокус
Имя атрибута: CLASS
Описание: применяет класс из CSS к тегу
Возможные значения: STRING
Значение по умолчанию: n/a
Пример:
1.
<style type=text/css>
.myclass { color: #ff0000; font-weight: bold; }
</style>
...
<a href='www' class='myclass'>Link with class myclass</a>
Мы определили класс myclass, в котором указали цвет и начертание. Затем
применили класс к ссылке.
2.
<style type=text/css>
a.myclass { color: #ff0000; font-weight: bold; }
</style>
...
<a href='www' class='myclass'>Link with class myclass</a>
Мы определили класс myclass, в котором указали цвет и начертание. Затем
применили класс к ссылке. В данном примере класс можно применить только к тегу A.
Имя атрибута: ID
Описание: устанавливает идентификатор объекта
Возможные значения: STRING
Значение по умолчанию: n/a
Пример:
1.
<a href='www' id='link1'>link</a>
пример использования атрибутов href и id в одной ссылке
2.
<a id='link'></a> - определение якоря
...
<a href='#link'>Link</a> - ссылка на якорь
Имя атрибута: LANG
Описание: устанавливает язык использования
Возможные значения: см. прим. 4
Значение по умолчанию: n/a
Пример:
1.
<a href='www' lang='ru'>Ссылка</a>
2.
<a href='www' lang='en'>Link</a>
Имя атрибута: STYLE
Описание: применяет стиль из CSS к тегу
Возможные значения: STRING
Значение по умолчанию: n/a
Пример:
1.
<a href='www' style='color: #ff0000; font-weight: bold;'>Link with style</a>
Атрибут style определяет в данном примере цвет и начертание ссылки
Имя атрибута: TABINDEX
Описание: определяет порядок фокусировки элементов документа
Возможные значения: NUMBER
Значение по умолчанию: 0
linkbefore - указывает на http://darkhtml.webservis.ru,
linkinside - указывает на http://www.webservis.ru,
linkafter - вообще оказывается текстом а не ссылкой, так как закрывающий тег </a> закрывает все ссылки,
открытые перед ним.
2.
Если в теге A опустить атрибут HREF, то текст ссылки будет просто текстом, а не ссылкой на что-то
3.
Если указано имя фрейма в атрибуте target, однако фрейма с таким именем не существуе,
то документ будет открыт в новом окне!
4.
Если установить KEY в атрибуте ACCESSKEY равным 2 и более символам, то второй символ
будет проигнорирован
5.
Таблицу стандартных значений для атрибута LANG можно найти здесь
http://msdn.microsoft.com/workshop/author/dhtml/reference/language_codes.asp
6.
Атрибут ID это аналог атрибута NAME,
но в NC при использовании ссылки с ID в качестве якоря происходят ужасные вещи,
якорь начинает работать только при перезагрузки страницы.
7.
Если в атрибуте TABINDEX значение NUMBER меньше 0, то фокусировка элемента невозможна
с помощью клавиши TAB.
----------
Заключение
----------
Данный цикл рассылок является лишь черновым вариантом той документации, которую
мы собираемся предоставить Вашему вниманию. Информация по каждому тегу будет
постоянно обновляться и публиковаться на нашем основном сайте.
Присылайте нам свои замечания и интересные, необычные примеры, все они будут
публиковаться в рассылке и на сайте,а для приславшего самый интересный пример
будет установлено вознаграждение в размере 500 показов RLE Classic.
--------
Наш основной ресурс находиться по адресу: http://darkhtml.webservis.ru
Ваши письма направляйте по адресу: darkhtml@univer.kharkov.ua
--------
С уважением
Автор рассылки, редактор сайта, Веб-мастер сайта,
дизайнер консультант по вопросам веб-дизайна
Авдошин Андрей Дмитрий Видмич
Vova
