The OpenNET Project / Index page

[ новости /+++ | форум | wiki | теги | ]

[HTML] Углубленное описание тега "" (web html)


<< Предыдущая ИНДЕКС Поиск в статьях src Установить закладку Перейти на закладку Следующая >>
Ключевые слова: 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: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 Пример: <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 Ваши письма направляйте по адресу: darkhtml@univer.kharkov.ua -------- С уважением Автор рассылки, редактор сайта, Веб-мастер сайта, дизайнер консультант по вопросам веб-дизайна Авдошин Андрей Дмитрий Видмич avdoshyn@univer.kharkov.ua wizard@univer.kharkov.ua avdoshyn@gmx.de

<< Предыдущая ИНДЕКС Поиск в статьях src Установить закладку Перейти на закладку Следующая >>

Обсуждение [ RSS ]
 
  • 1.1, REm (??), 20:22, 21/03/2005 [ответить]  
  • +/
    У меня траблы с этим тегом. Вот как он у меня оформлен:
    <A class="a2"         onmousemove="window.status='МАРКЕТИНГ-ПЛАН'"
                title="маркетинг-план в формате PDF!" onmouseout="window.status=''"
                href="marketing.pdf"
                target=_blank>

    При нажатии вместо того чтобы скачать эту ПДФку, он ее открывает как страницу и пытается ее отобразить. В результате пустая страница. Помогите плиз.

     
     
  • 2.2, Hiller (?), 03:20, 04/05/2005 [^] [^^] [^^^] [ответить]  
  • +/
    Такого атрибута как "download only" не существует. Необходима настройка самого браузера: скачивать или открывать.
     
  • 1.4, braind (?), 15:18, 02/08/2007 [ответить]  
  • +/
    столкнулся с проблемой - необходимо увеличить размер всплывающей подсказки (которая задается аттрибутом title). чтобы текст в подсказке показывался не в две строки, а в одну длинную.
    Кто знает как?
     
     
  • 2.5, Hiller (?), 22:00, 02/08/2007 [^] [^^] [^^^] [ответить]  
  • +/
    >столкнулся с проблемой - необходимо увеличить размер всплывающей подсказки (которая задается аттрибутом
    >title). чтобы текст в подсказке показывался не в две строки, а
    >в одну длинную.
    >Кто знает как?

    На сколько знаю у разных браузеров разный метод отображения подсказки. В основном маленьким черным шрифтом на желтом фоне с черной рамочкой.
    Подсказка будет в одну строку если в ней нет пробелов. ))
    Лучше созадать свою собственную всплывающую подсказку той длины которая тебе нужна.
    У этого есть свой плюс. Ты сможешь ее оформить как тебе хочется под дизайн сайта.
    Используй следующие элементы:
    - div (меняет свои координаты на координты указателя мыши) - тело подсказки
    - innerHTML (вставляет в div текст подсказки)

     
  • 1.6, Князева Л.В. (?), 10:33, 07/11/2009 [ответить]  
  • +/
    Здравствуйте !
    Мне надо при помощи ссылки учитывать, кто скачивает файл. Формат такой :
    < a href="http:/Domen/cgi-bin/download.pl?file=File.rar" >Download< /a >. Я хочу передать url пользователя одновременно с нажатием на ссылку. Пишу в href ?file=File.rar&ur=javascript:document.location" >. Но URL не передается. Как можно его передать ?
     
  • 1.7, Чуринов Денис Витальевич (?), 22:28, 31/01/2013 [ответить]  
  • +/
    здравствуйте. Я делаю браузерную программу и там после нажатия кнопки должен запуститься .pl скрипт но застопорился на вопросе как это сделать. Кнопку я уже сделал как к ней функцию привязать? Зарание спасибо.
     
     
  • 2.8, Hiller (?), 00:51, 01/02/2013 [^] [^^] [^^^] [ответить]  
  • +/
    > здравствуйте. Я делаю браузерную программу и там после нажатия кнопки должен запуститься
    > .pl скрипт но застопорился на вопросе как это сделать. Кнопку я
    > уже сделал как к ней функцию привязать? Зарание спасибо.

    Если говорить о простой кнопке, не <a>, тоесть любой тэг оформленный как кнопка... То можно ловить событие "клик" javascriptom
    В самом тэге написать <[любой тэг] onClick='[Назавание функции в яваскрипте]()' id='[индетификатор тэга]'>, либо
    <script>
    getElementById['индетификатор тэга'].onClick = Назавание функции в яваскрипте();
    // Если есть jquery, то можно так
    $('#индетификатор тэга').click(function(){ Назавание функции в яваскрипте(); });
    </script>

    Ну и саму функцию пишеш так
    <script>
    function Назавание функции в яваскрипте(){
    // запуск твоего .pl скрипта
    }
    </script>

    Единственное что меня смущает, так это, то что есть ли у тебя понимание как ты будешь вытягивать данные из своего .pl файла? ))

     

     Добавить комментарий
    Имя:
    E-Mail:
    Заголовок:
    Текст:




    Закладки на сайте
    Проследить за страницей
    Created 1996-2019 by Maxim Chirkov
    Добавить, Поддержать, Вебмастеру
    Hosting by Ihor