Ключевые слова:web, html, (найти похожие документы)
From: MailList: Темные стороны HTML
Subject: [HTML] Углубленное описание тега "<A>"
Выпуск 11 Темные стороны HTML 24.09.2000
После затянувшегося молчания мы снова с Вами. Перед уходом в отпуск мы проводили
опрос читателей по поводу того нужно ли сделать цикл выпусков, посвященных тегам.
Пришло очень много писем, в которых читатели горячо поддержали нашу идею.
Начиная с этого выпуска мы начинаем цикл выпусков, в каждом из которых самым
тщательным образом будет рассматриваться отдельно взятый тег. Мы постараемся
давать абсолютно полную и исчерпывающую информацию о теге, который будем
рассматривать.
Вы узнаете все аттрибуты данного тега, все возможные значения аттрибутов тега,
будут рассмотрены случаи, когда он применятся. А также мы будем рассказывать
о его "Темных сторонах", о том, что Вам никто никогда не расскажет про данный тег.
Кстати профессиональным кодерам тоже не стоит расслабляться. Когда мы начинали
готовить данный цикл, то тоже думали, что знаем HTML как свои 5 пальцев, но все
оказалось гораздо сложнее. Так что я думаю, что и профессионалы смогут почерпнуть
для себя много интересного и ранее неизвестного.
--------------
Синтаксис HTML
--------------
<тег атрибут=значение атрибут=значение ...>содержимое тега</тег>
Это общий случай. Многие компоненты могут отсутствовать. Например может
отсутствовать закрывающий тег (<br>,<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:[email protected]'>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
Пример:
<a href='www' tabindex='1'>Link1</a>
<a href='www' tabindex='4'>Link2</a>
<a href='www' tabindex='2'>Link3</a>
<a href='www' tabindex='3'>Link4</a>
Атрибут style определяет в данном примере цвет и начертание ссылки
Имя атрибута: TITLE
Описание: подсказка к ссылке, появляется при наведениии мышью на ссылку
Возможные значения: STRING
Значение по умолчанию: n/a
Пример:
<a href="http://darkhtml.webservis.ru" title="DarkHMLT Group">http://darkhtml.webservis.ru<;/a>
Здесь описаны не все атрибуты тега А, вот список атрибутов, о которых мы не рассказали:
methods, rev, rel, dir, datafld, datasrc, urn.
Эти атрибуты имеют не совсем обычные и понятные функции и их описание
будет присутсвовать в последующих выпусках рассылки.
Замечания:
1.
<a href='http://darkhtml.webservis.ru'>linkbefore <a href='http://www.webservis.ru'>linkinside</a> linkafter</a>
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
Ваши письма направляйте по адресу: [email protected]
--------
С уважением
Автор рассылки, редактор сайта, Веб-мастер сайта,
дизайнер консультант по вопросам веб-дизайна
Авдошин Андрей Дмитрий Видмич
[email protected][email protected][email protected]
У меня траблы с этим тегом. Вот как он у меня оформлен:
<A class="a2" onmousemove="window.status='МАРКЕТИНГ-ПЛАН'"
title="маркетинг-план в формате PDF!" onmouseout="window.status=''"
href="marketing.pdf"
target=_blank>
При нажатии вместо того чтобы скачать эту ПДФку, он ее открывает как страницу и пытается ее отобразить. В результате пустая страница. Помогите плиз.
столкнулся с проблемой - необходимо увеличить размер всплывающей подсказки (которая задается аттрибутом title). чтобы текст в подсказке показывался не в две строки, а в одну длинную.
Кто знает как?
>столкнулся с проблемой - необходимо увеличить размер всплывающей подсказки (которая задается аттрибутом
>title). чтобы текст в подсказке показывался не в две строки, а
>в одну длинную.
>Кто знает как?
На сколько знаю у разных браузеров разный метод отображения подсказки. В основном маленьким черным шрифтом на желтом фоне с черной рамочкой.
Подсказка будет в одну строку если в ней нет пробелов. ))
Лучше созадать свою собственную всплывающую подсказку той длины которая тебе нужна.
У этого есть свой плюс. Ты сможешь ее оформить как тебе хочется под дизайн сайта.
Используй следующие элементы:
- div (меняет свои координаты на координты указателя мыши) - тело подсказки
- innerHTML (вставляет в div текст подсказки)
Здравствуйте !
Мне надо при помощи ссылки учитывать, кто скачивает файл. Формат такой :
< a href="http:/Domen/cgi-bin/download.pl?file=File.rar" >Download< /a >. Я хочу передать url пользователя одновременно с нажатием на ссылку. Пишу в href ?file=File.rar&ur=javascript:document.location" >. Но URL не передается. Как можно его передать ?
здравствуйте. Я делаю браузерную программу и там после нажатия кнопки должен запуститься .pl скрипт но застопорился на вопросе как это сделать. Кнопку я уже сделал как к ней функцию привязать? Зарание спасибо.
> здравствуйте. Я делаю браузерную программу и там после нажатия кнопки должен запуститься
> .pl скрипт но застопорился на вопросе как это сделать. Кнопку я
> уже сделал как к ней функцию привязать? Зарание спасибо.
Если говорить о простой кнопке, не <a>, тоесть любой тэг оформленный как кнопка... То можно ловить событие "клик" javascriptom
В самом тэге написать <[любой тэг] onClick='[Назавание функции в яваскрипте]()' id='[индетификатор тэга]'>, либо
<script>
getElementById['индетификатор тэга'].onClick = Назавание функции в яваскрипте();
// Если есть jquery, то можно так
$('#индетификатор тэга').click(function(){ Назавание функции в яваскрипте(); });
</script>
Ну и саму функцию пишеш так
<script>
function Назавание функции в яваскрипте(){
// запуск твоего .pl скрипта
}
</script>
Единственное что меня смущает, так это, то что есть ли у тебя понимание как ты будешь вытягивать данные из своего .pl файла? ))
