Реклама и Статистика


SEO sprint - Всё для максимальной раскрутки!





Ссылки внутри страницы

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

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Закладка</title>
</head>
<body>

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

<p>Друг уронил утюг в унитаз. И разбил его. Причем так разбил, что по назначению унитаз и использовать никак нельзя, ни боком, ни передом. Мгновением назад только что вот все было хорошо и вот уже дыра прямо в унитазе, да такая, что можно забыть, что есть такой предмет в доме. Махнул рукой нечаянно, а потом мучайся...

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

</body>
</html>

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

Можно также делать ссылку на закладку, находящуюся в другой веб-странице и даже другом сайте. Для этого в адресе ссылки надлежит указать ее адрес и в конце добавить символ решетки # и имя закладки (пример 2).

Пример 2. Ссылка на закладку из другой веб-страницы

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Закладка</title>
</head>
<body>

<p><a href="text.html#bottom">Перейти к нижней части текста</a></p>

</body>
</html>

В данном примере показано создание ссылки на файл text.html, при открытии этого файла происходит переход на закладку с именем bottom.


Просмотров: 23656

  Коментарии (3)
 1 Написал(а) Евгений, в 02:14 12.08.2011
эт, круто. а как сделать ссылку на слово внутри текста, что бы эта сволоч не раздвигала при этом div до конца строки?
 2 Написал(а) Ирина, в 21:34 29.09.2011
Спасибо, очень помогло. Сделала содержание со ссылками на главы и ссылку \"наверх\".
 3 Написал(а) Jonalyn, в 06:47 17.05.2017
You keep it up now, unadtsrdne? Really good to know.

Добавить коментарий
Имя:
Коментарий:



Код:* Code

Реклама