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

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

Великі документи краще читати, якщо вони мають зміст з посиланнями на відповідні розділи. Для створення посилання потрібно спочатку створити закладку (якір) у відповідному місці і надати їй ім'я за допомогою атрибута name тега <a>, як показано в прикладі 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=utf-8">
  <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=utf-8">
  <title>Закладка</title>
 </head>
 <body>
  <p><a href="text.html#bottom">Перейти до нижньої частини тексту</a></p>
 </body>
</html>

У цьому прикладі показано створення посилання на файл text.html, при відкритті цього файлу відбувається перехід до закладки з іменем bottom.

SEO текст: Навчання створення внутрішніх посилань у HTML для зручності читання та навігації. Додавайте закладки на сторінках, щоб швидко переходити між розділами довгих документів. Використовуйте символ # та ім'я закладки для створення ефективних посилань. Майстер-класи від Влада Мержевича.

Часті запитання