< на главную

Разделы

1. Разновидности ссылок:
а) на другие страницы
б) на разделы страницы
в) на e-mail

2. Атрибуты:
а) target
б) title
в) tabindex
г) accesskey




1. Разновидности ссылок

а) на другие страницы

Общая схема:
<a href="адрес_перехода"> ... </a>
a - предположительно anchor - англ. якорь
href - hyper (приставка, примерно идентичная "сверх-") + reference (англ. ссылка)

Пример использования в качестве ссылки текста: <a href=empty.htm>Щёлкните здесь</a> - Щёлкните здесь.
Пример использования в качестве ссылки рисунка: <a href=empty.htm><img src=pic.jpg></a> -
(Можно сделать ссылкой лишь часть рисунка - читать здесь.)
к оглавлению

Примечание: существуют три способа задать адресацию: см. стр.216-218 учебника по HomeSite.
А можно ли использовать в качестве ссылок другие элементы, к примеру, таблицы?


б) на разделы страницы

— Способы создания точки привязки (якоря назначения):
- <a name="произвольное_имя"></a>
- Использование атрибута id="произвольное_имя", совместимого практически со всеми дескрипторами.

— Создание отсылающего якоря:
- <a href="адрес_перехода#произвольное_имя"> ... </a>
Пример из кода текущей страницы:
<h2 id=a_top align=center><u>Разделы</u></h2>
<a href=#a_top><i>к оглавлению</i></a>

Примечение: параметр 'name' для создания якоря привязки может использоваться только внутри тега <a>. В этой конструкции между открывающим и закрывающим тегами также может содержаться некоторый текст, визуально тот никак не выделяется.
к оглавлению


в) на e-mail

<a href="mailto:адрес_почты"> ... </a>
Возможные дополнительные параметры:
?subject=тема письма
&cc=копии письма (через запятую)
&bcc=скрытые копии письма (через запятую)
&body=текст письма
Пример: <a href=mailto:адрес?subject=Тема_письма&cc=копия1,копия2&bcc=скрытая_копия&body=Текст_письма>Текст ссылки</a> - Тест ссылки

(Пара замечаний:
Во-первых, мне не удалось понять, как можно вводить в тему и текст письма пробелы. Outlook Express их обрабатывает корректно, но The Bat! их не понимает. Также неясен вопрос, как в текст письма вводить символы переноса строки. - ОТВЕТ: пробелы следует вставлять в виде числовой ссылки %20. Также здесь добавлю, что в XHTML-документах символ амперсанда следует указывать в виде символьной сущности (&amp;).
Во-вторых, команда &bcc не воспринимается The Bat!, хотя в Outlook Express она обрабатывается правильно.
В-третьих, для уменьшения вероятности занесения адреса в базы данных спамовых программ не рекомендуется приводить e-mail в исходном коде документа в явном виде: ни в составе ссылки mailto, ни просто в содержании. Альтернативой является "фонетическое написание", к примеру bhlady собака mail точка ru.)
к оглавлению




2. Атрибуты

а) target=_blank

Открытие страницы с новом окне/вкладке браузера. Вообще, атрибут target может принимать несколько значений, но для работы с документами без фреймовой структуры используется только _blank, об остальных значениях пареметра см. раздел, посвящённый непосредственно фреймам.
(target - англ. цель, задание)
blank - англ. свободное пространство

Пример: <a href=empty.htm target=_blank>апчхи</a> - апчхи.

P.S. Можно сделать так, чтобы вссылки открывались не каждый раз в новом окне, а только в одном. Для этого с помощью атрабута target нужно создать имя для окна, и использовать это имя в необходимых местах.
Пример:
<a href=http://bhlady.narod.ru target=display_window>bhlady.narod.ru</a> - bhlady.narod.ru
<a href=http://magicteam.net target=display_window>magicteam.net</a> - magicteam.net
<a href=http://www.emu-land.net target=display_window>www.emu-land.net</a> - www.emu-land.net
к оглавлению


б) title="текст"

Создание всплывающего окна.
(title - англ. название, заглавие)
Пример: <a href=empty.htm title="Ссылка на пустую страницу">переход в никуда</a> - переход в никуда.
(Атрибут также рассматривался в текстовом разделе конспекта.)
к оглавлению


в) tabindex="цифра"

Задание порядка перехода фокуса при использовании клавиш <Tab> / <Shift+Tab>. Можно поэкспериментировать на данном примере:
<a ... tabindex=1>№ 1</a>
<a ... tabindex=3>№ 3</a>
<a ... tabindex=5>№ 5</a>
<a ... tabindex=4>№ 4</a>
<a ... tabindex=2>№ 2</a> 
№ 1
№ 3
№ 5
№ 4
№ 2
(Атрибут также рассматривался в текстовом разделе конспекта.)
к оглавлению


г) accesskey="символ"

Создание быстрого перехода к ссылке путём нажатия комбинации <Alt+"символ">.
(access - англ. доступ, подход
key - англ. клавиша)

Примеры:
<a href=empty.htm accesskey=w>нажмите Alt+w</a> - нажмите Alt+w
<a href=empty.htm accesskey=3>нажмите Alt+3</a> - нажмите Alt+3

Примечание: в Firefox 3.6 и Opera 11 не срабатывает, в IE8 происходит перескакивание к ссылке, Safari5 и Google Chrome 8 сразу же открывают её.


< на главную к оглавлению
Hosted by uCoz