Якорем називається закладка з унікальним ім'ям на певному місці веб-сторінки, призначена для створення переходу до неї за посиланням. Якоря зручно застосовувати в документах великого обсягу, щоб можна було швидко переходити до потрібного розділу.
Для створення якоря варто спочатку зробити закладку в відповідному місці і дати їй ім'я за допомогою атрибута name тега <a> (приклад 9.1). Як значення href для переходу до цього якоря використовується ім'я закладки з символом решітки (#) попереду.
Приклад 9.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> <p> <a href="#top"> Наверх </a> </p> </body> </html>
Між тегами <a name="top"> і </a> текст не обов'язковий, так як потрібно лише вказати місце розташування переходу за посиланням, що знаходиться внизу сторінки. Ім'я посилання на якір починається з символу #, після чого йде ім'я якоря, воно вибирається будь-який, відповідне тематиці. Головне, щоб значення атрибутів name і href збігалися (символ решітки не береться до уваги).
З якорями пов'язана одна особливість роботи браузера. Після переходу до зазначеного якоря натискання на кнопку « Назад » повертає нема на попередню переглянуту сторінку, а до заслання, з якої був зроблений перехід до якоря. Виходить, що для переходу до попереднього документу треба натиснути кнопку « Назад » два рази.
Посилання можна також зробити на закладку, що знаходиться в іншій веб-сторінці і навіть іншому сайті. Для цього в атрибуті href тега <a> треба вказати адресу документа і в кінці додати символ грат #і ім'я закладки (приклад 9.2).
Приклад 9.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.
Якщо на веб-сторінці міститься посилання на якір, а самого якоря немає, то ніякої помилки не виникне.