Основы HTML - ссылки и якоря

• May 4, 2024

Вы можете использовать ссылки для подключения своей страницы к другим страницам или даже для перехода к различным частям одной и той же страницы. Ссылки дают вашему сайту динамическое качество, которое отличает его, скажем, от книги или журнала.

На самом базовом уровне тег ссылки выглядит так:



Любой тег, начинающийся с «а», обозначает ссылку, но существует два основных типа ссылок: гиперссылки и именованные якоря. Гиперссылка - это ссылка, которая соединяет одну веб-страницу с другой веб-страницей и будет выглядеть примерно так:

Текст ссылки здесь

Информация внутри тега сообщает вашему браузеру, что это гиперссылка (href), которая подключается к веб-странице page.html. Текст внутри тегов (здесь текст ссылки) является частью ссылки, которую на самом деле видит посетитель, и может щелкнуть, чтобы перейти к page.html. Если вы ссылаетесь на страницу своего сайта со страницы, расположенной на том же сайте, вы можете не указывать информацию о домене. Например, если вы создавали ссылку на своей странице, расположенной по адресу www.domain.com/home.html, и ссылку, связанную с целевой страницей www.domain.com/page.html, вы можете написать ссылку как и пропустить информация о доменном имени. Если вы пропустите доменное имя, браузер предположит, что страница назначения находится на том же веб-сайте, что и страница ссылок.

Названный якорь (часто называемый просто «якорь») служит другой цели. Как вы уже догадались по названию, якорь создает на странице невидимый флаг, который сообщает вашему браузеру, где приземлиться, когда вы устанавливаете ссылку, которая сбрасывает посетителей в определенном месте на странице. Якорь выглядит так:



Обычно якорь не содержит никакого текста между открывающим и закрывающим тегами, потому что он просто помечает место на странице. Чтобы создать ссылку, которая позволит посетителям переходить к этому месту на странице с другой страницы, вы можете создать гиперссылку, например:

Посетите раздел «Почта»

«#» В ссылке указывает браузеру, что вы ссылаетесь на именованный якорь. Если вы хотите создать гиперссылку, которая переместит посетителя в другой раздел той же страницы, она будет выглядеть примерно так:

Посетите раздел «Почта»

Другая важная часть ваших гиперссылок - это атрибут target. Это говорит браузеру, как отобразить страницу назначения. У вас есть три основных варианта: 'target = "_ blank",' 'target = "_ self",' и 'target = "_ top".'

Аргумент '_blank' откроет связанную страницу в новом окне. Это особенно полезно, когда вы переходите по ссылке на внешний сайт, так как посетитель может просматривать новый сайт в доступной форме, не теряя своего местоположения на вашем сайте. Также лучше открывать документы, такие как PDF, в новом окне, поскольку посетители часто автоматически закрывают документ, когда заканчивают работу с ним.

Аргумент _self заставляет связанную страницу заменить текущую страницу в существующем окне браузера. Это лучше всего для ссылок на вашем сайте; в противном случае посетители, которые часто просматривают ваш сайт, получат много открытых окон, что может быть очень раздражающим! Это аргумент по умолчанию для атрибута 'target', поэтому, если вы не укажете цель, ваши ссылки всегда будут использовать существующее окно браузера.

Аргумент _top обычно используется на веб-сайтах набора фреймов и сообщает браузеру перезаписывать весь набор фреймов, а не просто загружать новую страницу в ту часть фрейма, в которой содержится исходная ссылка.

Видео инструкция: Основы HTML - якоря в ссылках (May 2024).