Атрибут target тега HTML <a>

Тег HTML <a>

Определение и использование

target Атрибут определяет, где открывается документ-ссылка.

Пример

Атрибут target определяет, где открывается документ-ссылка:

<a href="https://www.codew3c.com" target="_blank">Посетить CodeW3C.com</a>

Попробуйте это亲自

Синтаксис

<a target="_blank|_self|_parent|_top|framename">

target Назначение атрибута - сообщить браузеру, где он хочет отображать связанный ресурс. По умолчанию браузер использует окно, вкладку или рамку (iframe), в которой отображается текущий документ, поэтому новый документ заменит текущий документ, но есть и другие возможности, см. таблицу ниже:

Значение атрибута

Значение Описание
_blank Открывать документ-ссылку в новом окне или вкладке
_self Открывать документ-ссылку в той же рамке, что и клик (по умолчанию)
_parent Открывать документ-ссылку в родительской рамке
_top Открывать документ-ссылку в целом теле окна
framename Открывать документ-ссылку в指定的 iframe

Подробное описание

Если в теге <a> содержится атрибут target, браузер будет загружать и отображать документ, указанный атрибутом href, в рамке или окне с именем, соответствующим этому целевому значению. Если указанная рамка или окно с таким именем или id не существует, браузер откроет новое окно,给它 задаст определенный маркер и загрузит новый документ в это окно. С этого момента документ-ссылка может указывать на это новое окно.

Открыть в новом окне

Ссылки, указывающие на объекты, делают создание эффективных инструментов для просмотра очень легким. Например, список простых документов можно перенаправить в отдельное окно:

<h3>Содержание</h3>
<ul>
  <li><a href="pref.html" target="view_window">Введение</a></li>
  <li><a href="chap1.html" target="view_window">Глава 1</a></li>
  <li><a href="chap2.html" target="view_window">Глава 2</a></li>
  <li><a href="chap3.html" target="view_window">Глава 3</a></li>
</ul>

Попробуйте это亲自

Когда пользователь впервые выбирает ссылку из списка содержимого, браузер открывает новый окно, помеченное как "view_window", и показывает в нем содержимое документа, которое нужно отобразить. Если пользователь выбирает другую ссылку из этого списка, и "view_window" все еще открыт, браузер снова загружает选定ный документ в это окно, заменив предыдущие документы.

В整个过程, окно, содержащее список содержимого, доступно пользователю. Нажатие на ссылку в этом окне изменяет содержимое другого окна.

Открыть окно в рамке

Не нужно открывать полный браузерский окно, использование метода target - это обычно направлять содержимое гиперссылки в одном или нескольких рамках в рамке <frameset>. Это содержимое списка можно поместить в один из рамок документа с двумя рамками, и использовать этот соседний рамку для отображения выбранного документа:

<frameset cols="100,*">
  <frame src="toc.html">
  <frame src="pref.html" name="view_frame">
</frameset>

Попробуйте это亲自

Когда браузер сначала показывает эти рамки, левая рамка содержит каталог, а правая рамка содержит введение.

Вот исходный код "toc.html":

<h3>Содержание</h3>
<ul>
  <li><a href="pref.html" target="view_frame">Введение</a></li>
  <li><a href="chap1.html" target="view_frame">Глава 1</a></li>
  <li><a href="chap2.html" target="view_frame">Глава 2</a></li>
  <li><a href="chap3.html" target="view_frame">Глава 3</a></li>
</ul>

Обратите внимание, что в документе "toc.html" цель каждого ссылки - "view_frame", то есть правая рамка.

Когда пользователь выбирает ссылку из каталога в левой рамке, браузер загружает связанный документ и отображает его в правой рамке "view_frame". При выборе другой ссылки содержимое правой рамки также изменяется, в то время как левая рамка остается неизменной.

Специальные цели

Имеется 4 сохраненных имени целей, используемых для специальных операций перенаправления документов:

_blank

Браузер всегда загружает целевой документ в новый незаголовочный окно.

_self

Эта цель является默认ной для всех <a> тегов, не имеющих указанной цели, и загружает целевой документ и отображает его в том же фрейме или окне, что и исходный документ. Эта цель избыточна и не нужна,除非 используется вместе с атрибутом target в теге <base> заголовка документа.

_parent

Эта цель загружает документ в родительское окно или фрейм, содержащий ссылку. Если ссылка находится в окне или в верхнем фрейме, то она эквивалентна цели _self.

_top

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

Совет:Все 4 значения target начинаются с подчеркивания. Любой другой объект или цель, начинающийся с подчеркивания, будет пропущен браузером, поэтому не используйте подчеркивание в качестве первого символа любого name или id, определенного в документе.

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка

Тег HTML <a>