Целевой атрибут HTML
Определение и использование
Для элементов и <a>атрибут указывает, где открыть связанный документ.<area>
target
Для <base>элементов
targetатрибут указывает цель по умолчанию для всех гиперссылок и форм на странице.
Для <form>элементов
targetатрибут указывает имя или ключевое слово, указывающее, где отображать ответ, полученный после отправки формы.
Относится к
Атрибут targetможно использовать для следующих элементов:
| Элементы | Атрибут |
|---|---|
| <а> | источник |
| <область> | источник |
| <база> | источник |
| <форма> | источник |
Примеры
Пример
Атрибут target указывает, где открыть связанный документ:
<a href="https://www.w3schools.com" target="_blank">Visit W3Schools</a>
Пример области
Карта изображения с интерактивными областями и целевым атрибутом:
<img src="planets.gif"
width="145" height="126"
alt="Planets"
usemap="#planetmap">
<map
name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun"
target="_blank">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
Базовый пример
Укажите цель по умолчанию для всех гиперссылок и форм на странице:
<head>
<base target="_blank">
</head>
Пример формы
Отобразить полученный ответ в новом окне или вкладке:
<form action="/action_page.php"
method="get" target="_blank">
First name: <input type="text" name="fname"><br>
Last name:
<input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>
Поддержка браузера
Атрибут targetимеет следующую поддержку браузера для каждого элемента:
| Element | |||||
|---|---|---|---|---|---|
| a | Yes | Yes | Yes | Yes | Yes |
| area | Yes | Yes | Yes | Yes | Yes |
| base | Yes | Yes | Yes | Yes | Yes |
| form | Yes | Yes | Yes | Yes | Yes |