Атрибут target
Синтаксис
(X)HTML
<a href="..." target="[значение]"> ... </a>
Описание
Атрибут target
(от англ. "target" ‒ «цель, мишень») указывает место (фрейм или окно браузера) в которое должен быть загружен, указанный в гиперссылке документ.
Условия использования
Для загрузки указанного (в параметре «href
») документа в определённый фрейм, гиперссылке с помощью параметра «target
» задаётся уникальное имя фрейма. Уникальное имя фрейма присваивается фрейму с помощью параметра «name
».
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Верс. | Раздел |
---|---|
HTML | |
2.0 | |
3.2 | |
4.01 | 16.3 Specifying target frame information target = frame-target [CI]... DTD: Transitional
|
5.0 | 4.8.1 Links created by a and area elements The target attribute... |
5.1 | 4.8.2. Links created by a and area elements The target attribute... |
XHTML | |
1.0 | Extensible HyperText Markup Language DTD: Transitional
|
1.1 |
Значения
В качестве значения указывается уникальное имя фрейма или ключевое слово.
- _blank
- Открывает документ в новом окне.
- _self
- Открывает документ в том же фрейме или окне, в котором расположена гиперссылка.
- _parent
- Открывает документ в родительском фрейме (если таковой имеется). Если родительский фрейм отсутствует, то документ открывается в текущем окне.
- _top
- Открывает документ в текущем окне.
- <имя-фрейма>
- Открывает документ в фрейме с указанным уникальным именем.
Значение по умолчанию: «_self
».
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Атрибут target (Элемент a)</title>
</head>
<body>
<h1>Пример с атрибутом "target"</h1>
<p><a href="/" target="_blank">Открыть пример в новом окне</a> (_blank);</p>
<p><a href="/" target="_parent">Открыть в родительском фрейме главную страницу сайта</a> (_parent);</p>
<p><a href="/" target="_top">Открыть пример в текущем окне</a> (_top);</p>
<p><a href="/" target="myFrame">Открыть пример в фрейме</a>;</p>
<iframe src="example.html" name="myFrame" style="width: 325px; height: 250px; background: #f8f8f8;">Ваш web-браузер не поддерживает плавающие фреймы.</iframe>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Атрибут target (Элемент a)</title>
</head>
<body>
<h1>Пример с атрибутом "target"</h1>
<p><a href="/" target="_blank">Открыть пример в новом окне</a> (_blank);</p>
<p><a href="/" target="_parent">Открыть в родительском фрейме главную страницу сайта</a> (_parent);</p>
<p><a href="/" target="_top">Открыть пример в текущем окне</a> (_top);</p>
<p><a href="/" target="myFrame">Открыть пример в фрейме</a>;</p>
<iframe src="example.html" name="myFrame" style="width: 325px; height: 250px; background: #f8f8f8;">Ваш web-браузер не поддерживает плавающие фреймы.</iframe>
</body>
</html>
Атрибут target (Элемент a)