Ссылки: Ссылка внутри страницы
| | |
| |
| | |
| | |
| |
| |
Как сделать ссылку на определенную часть страницы в HTML?
Как сделать ссылку на определенную часть страницы в HTML?
Как сделать ссылку на определенную часть страницы в HTML?
share-outline Курс Javascript — освоение основ Автор: Мринал Бхаттачарья Бесплатно star 4. 8 Зачислено: 1000 9004 7 Курс Javascript — Освоение основ Мринал Бхаттачарья Бесплатно Начать обучениеОбзор
Известно, что гиперссылки соединяют две веб-страницы. Тем не менее, с небольшими изменениями здесь и там, гиперссылки также могут помочь нам связать содержимое на одной странице. Иметь возможность ссылаться на определенную часть HTML-страницы очень просто и очень полезно, и это позволяет пользователям перемещаться по странице веб-сайта.
Предварительные требования
- Анкерная бирка
Что мы создаем?
Тег привязки помогает создать ссылку, которая позволяет пользователям перемещаться по странице веб-сайта без лишней прокрутки. Его можно использовать для ссылки на другой раздел той же страницы или на определенную часть другой HTML-страницы.
В этой статье мы углубимся в эту функцию, которая помогает легко читать бегло.
Ниже приведен список преимуществ использования ссылок перехода с HTML:
- Добавление ссылок перехода упрощает навигацию по веб-сайту организации. Это позволяет пользователям пропускать ручную прокрутку веб-страницы.
- Прокрутка для поиска нужной информации занимает много времени. Однако переходные ссылки могут улучшить удобство использования веб-страницы и повысить ее эффективность.
- Организация элементов веб-сайта и поиск нужного контента станет проще для пользователей с помощью ссылок перехода.
Как сделать ссылку на определенную часть страницы HTML?
Определенная часть той же страницы
Шаг 1 — Присвоение имени
На начальном этапе мы присваиваем имя разделу страницы, к которому мы хотим перейти.
Шаг 2. Создание ссылки привязки
Затем мы создаем тег привязки, добавляем к нему атрибут id и указываем данное имя.
В качестве альтернативы тег заголовка, изображения или абзаца можно использовать вместо якорей, как показано ниже:
Примечание: Каждый идентификатор может появляться на странице только один раз.
Шаг 3. Создание гиперссылки
Мы можем присвоить значение href тегу привязки, используя идентификатор цели ссылки, которому предшествует символ #(хэштег/решетка).
Наконец, после добавления нужного текста вы сможете перемещаться по разделам страницы.
Код
Выход
Определенная часть другой страницы
- Целевому разделу присваивается имя.
- Затем имя устанавливается равным атрибуту id желаемого объекта.
- Значение href для тега привязки включает имя веб-страницы и указанный раздел.