Описание
href определяет документ, к которому ведет ссылка. Это может быть веб-страница в том же каталоге, страница в другом месте на том же сервере, место на текущей странице или веб-страница — или любой другой тип документа — хранящийся на другом сервере.
В этом примере показана связь между двумя документами в одном и том же каталоге, но если бы документ со списком тортов находился в каталоге, который на один уровень выше, чем ссылочный документ, синтаксис будет следующим:
<a href=" ../ cakes.html"> прекрасный ассортимент тортов </a>
Здесь ../ соответствует инструкции «переместиться на один каталог вверх по иерархии».
Вы также можете ссылаться на документ относительно корня веб-сайта (файл или папка после имени домена):
<a href=" / cakes.html"> прекрасный ассортимент тортов </a>
Эта ссылка в основном инструктирует браузер «ссылаться на документ cakes.html, который можно найти на сайте www.mydomain.com/». Это очень удобный способ ссылки на документы, поскольку вы можете переместить документ, содержащий ссылку, в любое место. в файловой системе без разрыва ссылки.
Если вы ссылаетесь на документ (любого типа), который хранится на другом сервере, вы бы указали ссылку, используя полный URI, например, так:
<a href=" http://www.cakebrothers.com/cakes.html "> прекрасный ассортимент тортов </a>
В ссылке на другой раздел на той же странице адресат указан в атрибуте href с помощью хеш-символа в сочетании с атрибутом id адресата. Это обозначение известно как идентификатор фрагмента и показано ниже:
<! - вот ссылка -> <p> Вы можете проверить факты, прочитав <a href="#refs"> ссылки в конце этой статьи </a> </ p> ⋮ <! - Вот назначение ссылки -> <h3> <a id="refs" href="#refs"> Ссылки </a> </ h3>
Обратите внимание на эти моменты из примера выше:
Атрибут href повторяется во втором элементе a. Это не ошибка, потому что без него пользователи Internet Explorer, которые переходят к месту назначения, обнаружат, что, хотя документ переместился в правильное положение на экране, фокус не сместился бы. Если бы пользователь переходил к следующей ссылке, фокус переместился бы на ссылку сразу после ссылки, которую пользователь выбрал дальше вверх по странице, а не на следующую ссылку после точки на странице, на которую включены ссылки.
Можно просто применить атрибут id к другому элементу, например, <h3 id="refs">References</h3> <h3 id="refs">References</h3> <h3 id="refs">References</h3> — и некоторые браузеры позволяют вам активировать ссылку и перейти к этой точке. Однако не все браузеры допускают это, примечательным примером является Internet Explorer. Вот почему нам нужен, казалось бы, лишний второй элемент в качестве якоря, который обернут вокруг текста внутри h3. Синтаксис этой упрощенной (но не дружественной к IE) разметки показан ниже:
<p> Вы можете проверить факты, прочитав <a href="#refs"> ссылки в конце этой статьи </a> </ p> ⋮ <h3 id = "refs" > Ссылки </ h3>
В вашей собственной работе вы можете найти примеры, которые включают как имя, так и идентификатор внутри элемента привязки a. Этот подход разработан, чтобы гарантировать, что ссылка работает в старых браузерах, которые могут не позволить пользователю переходить из одной части документа в другую, если атрибут name отсутствует. Тем не менее, последним из распространенных браузеров, которые не могли ссылаться на раздел страницы таким образом, был Netscape 4, который, к счастью, сейчас почти полностью устарел. Также обратите внимание, что в HTML 5 атрибут name был удален, поэтому рекомендуется отказаться от привычки использовать name .
В дополнение к ссылкам на документы (например, веб-страницы или документы других типов) атрибут href может указывать другой протокол, включая:
- ftp, набранный как
<a href="ftp://someftpserver.com/">Browse the FTP server</a>, который откроет соединение с FTP-сервером - mailto, набранное как
<a href="mailto:[email protected]">Email me!</a>, что приведет к открытию почтового клиента и созданию нового сообщения, адрес которого совпадает с тем, что появляется после протокола mailto: ( в этом случае, электронная почта к [email protected])
Значение
Этот атрибут принимает в качестве значения местоположение целевого документа относительно ссылочного документа, относительно корня сервера или в форме полного URI, содержащего протокол http:// , имя сервера и путь к документу. на этом сервере. Он также может содержать ссылку на ftp:// или mailto: .