Підручник html - якоря - створюємо закладки

До сих пір ми з вами розглядали посилання, які просто вели на інші документи в інтернеті. А в цьому уроці ви навчитеся створювати якоря. Якір (анкор) в HTML - це спеціальна закладка, яка використовується для переміщення користувача до певної ділянки сторінки при натисканні на посилання.

Як створити якір і посилання на нього?

Для створення якоря вам необхідно в місці, до якого буде перехід по посиланню, вказати . де ім'я якоря - будь-яке слово англійською мовою. Як бачите, у закладки зовсім не обов'язково писати щось між тегами, адже вона використовується тільки в ролі службової мітки. Найголовніше не забувайте, що - це вбудований (inline) тег і ставити його можна тільки всередині HTML-елементів, які можуть містити даний тип. Втім таких елементів дуже багато.

А ось щоб зробити посилання на якір треба написати будь-який текст . саме так, зі знаком решітка (#) попереду.

Два важливих зауваження! Зверніть увагу, що ім'я якоря в обох місцях треба вказувати в одному регістрі, тобто не можна написати в якорі ім'я. а на засланні на нього # ІМ'Я. Крім цього, на кожній HTML-сторінці не може бути два якоря з однаковими іменами, інакше браузер не зрозуміє до якого з них робити перехід. А ось посилань на один і той же якір може бути скільки завгодно!

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

Результат в браузері

Приклад створення посилання на якір інший HTML-сторінки

Вибачте, але результат прикладу я вам не покажу, так як в кактуси не сильний і статей про них на сайті не тримаю. )

На сленгу SEO-оптимізаторів (хлопців, які розкручують сайти в інтернеті) «анкорами» часто називають не те, що ми тут з вами вивчили, а вміст тега . тобто те, що користувачі бачать на сторінці.

Схожі статті