Посилання всередині сторінки

Великі документи читаються краще, якщо вони мають зміст з посиланнями на відповідні розділи. Для створення посилання слід спочатку зробити закладку (якір) у відповідному місці і дати їй ім'я за допомогою параметра name тега <А>, як показано в прикладі 1.

Приклад 1. Створення внутрішньої посилання

Дійсний HTML
<! 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. Посилання на закладку з іншого веб-сторінки

Дійсний HTML
<! 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.

Copyright що кредитують © www.htmlbook.ru