htmlbook.ru - Для тех, кто делает сайты
Шаг за шагом Графика для Web
Шаг за шагом > HTML по шагам > Якоря

Этот материал устарел, рекомендую Самоучитель HTML

Шаг 8. Якоря

Влад Мержевич

Якорем называется закладка с уникальным именем на определенном месте веб-страницы, для создания перехода к ней по ссылке. Якоря удобно применять для больших документов, чтобы можно было быстро переходить к нужному разделу.

Для создания якоря следует вначале сделать закладку в соответствующем месте и дать ей имя при помощи параметра name тега <А> (пример 8.1).

Пример 8.1. Создание внутренней ссылки

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=Windows-1251" http-equiv="content-type">
<body>

<a name="top"></a>

...

<a href="#top">Наверх</a>

</body>
</html>

Между тегами <a name="top"> и </a> текст не обязателен, так как требуется лишь указать местоположение перехода по ссылке, находящейся внизу страницы. Имя ссылки на якорь начинается символом #, после чего идет имя якоря, оно выбирается любое, соответствующее тематике.

Для создания якоря в Nvu используется кнопка на панели инструментов. Аналогичное действие производится через меню Вставка > Якорь с именем... После чего запрашивается желаемое имя якоря (рис. 8.1).

Рис. 8.1. Ввод имени якоря

Рис. 8.1. Ввод имени якоря

При создании ссылки на якорь, достаточно выделить желаемый текст и выбрать в меню Вставка > Ссылка... или использовать комбинацию <Ctrl>+<L>. В открывшемся окне достаточно раскрыть список, и все доступные якоря будут показаны. Остается лишь выбрать желаемый (рис. 8.2).

Рис. 8.2. Выбор якоря из списка

Рис. 8.2. Выбор якоря из списка

Обратите внимание, что имя якоря на рис. 8.1 пишется без дополнительного символа решетки (#), а в списке якорей на рис. 8.2 символ решетки добавляется автоматически.

Статья опубликована: 14.08.2005 Последнее обновление: 14.08.2005
HTML по шагам
Примеры из статьи

Copyright Влад Мержевич, по всем вопросам пишите по адресу: vlad@htmlbook.ru