Основы HTML - якоря (anchor)
11-03-2009 17:49
к комментариям - к полной версии
- понравилось!
Якорем называется закладка с уникальным именем на определенном месте веб-страницы, для создания перехода к ней по ссылке. Якоря удобно применять для больших документов, чтобы можно было быстро переходить к нужному разделу.
Для создания якоря следует вначале сделать закладку в соответствующем месте и дать ей имя при помощи параметра name тега <А>.
Создание внутренней ссылки - якоря
<!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> текст не обязателен, так как требуется лишь указать местоположение перехода по ссылке, находящейся внизу страницы. Имя ссылки на якорь начинается символом #, после чего идет имя якоря, оно выбирается любое, соответствующее тематике.
вверх^
к полной версии
понравилось!
в evernote
Якорем называется закладка с уникальным именем на определенном месте веб-страницы, для создания перехода к ней по ссылке. Якоря удобно применять для больших документов, чтобы можно было быстро переходить к нужному разделу.
Для создания якоря следует вначале сделать закладку в соответствующем месте и дать ей имя при помощи параметра name тега <А>.
Создание внутренней ссылки - якоря
<!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> текст не обязателен, так как требуется лишь указать местоположение перехода по ссылке, находящейся внизу страницы. Имя ссылки на якорь начинается символом #, после чего идет имя якоря, оно выбирается любое, соответствующее тематике.
Комментарии (6):
12-11-2009-09:06
удалить
Нехорошо копипастом с http://stepbystep.htmlbook.ru/?id=8 заниматься
Андрей_Акименко
13-11-2009-17:15
удалить
Знаете, копипастом это назвать нельзя, т.к., если вам известны особенности HTML, то вы должны знать о некорректном изображении тегов в тексте, а точнее - их неотображении. Для того, чтобы были видны на странице угловые скобки и их содержимое, нужно несколько повозиться, так что - это уже рерайт.
А то, что я выбрал именно этот учебник для публикации - он неплох по содержанию и доступен для понимания. К тому же, у сайта htmlbook.ru итак неплохие рейтинги, и ссылка на них с моего дневника не сыграет никакой роли. Да и лень мне в каждом сообщении её добавлять. Цикл закончу и в конце напишу благодарность за материал и поставлю ссылку.
А то, что я выбрал именно этот учебник для публикации - он неплох по содержанию и доступен для понимания. К тому же, у сайта htmlbook.ru итак неплохие рейтинги, и ссылка на них с моего дневника не сыграет никакой роли. Да и лень мне в каждом сообщении её добавлять. Цикл закончу и в конце напишу благодарность за материал и поставлю ссылку.
02-02-2010-17:23
удалить
Зачем такой тяжелый бекграунд делать на этой страничке? Оно же давит...
Андрей_Акименко
02-02-2010-18:08
удалить
А мне не давит. Одно замечание ещё не повод для смены. На вкус и цвет, как говорится....
Столкнулся с очень надоедливой особенностью на Мозиле - при установки якоря, иногда автоматом переносит на него при загрузке страницы
Андрей_Акименко
22-07-2010-18:03
удалить
Такое бывает у всех браузеров, когда обновляешь страницу она возвращается на том самом месте, где находился до того.
Ну а если страница грузится впервые, то проблема действительно имеет место быть.
Ну а если страница грузится впервые, то проблема действительно имеет место быть.
Комментарии (6):
вверх^
Вы сейчас не можете прокомментировать это сообщение.
Дневник Основы HTML - якоря (anchor) | Андрей_Акименко - Специалист широкого Профиля ) |
Лента друзей Андрей_Акименко
/ Полная версия
Добавить в друзья
Страницы:
раньше»