| Элемент | ||||||
| <a> | 1+ | 1+ | 2.1+ | 1+ | 1+ | 1+ |
| <area> | 3+ | 1+ | 3+ | 1+ | 1+ | 1+ |
| <base> | 2+ | 1+ | 2+ | 1+ | 1+ | 1+ |
| <form> | 3+ | 1+ | 3.5+ | 1+ | 1+ | 1+ |
HTML Атрибут target
Атрибут target (от англ. "target" — «цель, мишень») указывает место (фрейм или окно браузера) в которое должен быть загружен, указанный ресурс.
Для элементов <a> и <area> определяет, как открывать ссылки — в новой вкладке, в текущей вкладке или в окне фрейма.
Для элемента <base> определяет имя фрейма, в котором будут открываться все ссылки.
Действие target в качестве атрибута элемента <base> распространяется на все ссылки документа, кроме ссылок в которых это действие переопределяется собственными атрибутами target.
Для элемента <form> определяет указывает место (фрейм или окно браузера) в которое должен быть загружен ответ сервера (результат отправки данных формы).
Синтаксис
<element target="значение">Значения
В качестве значения используется имя фрейма, заданное атрибутом name элемента <iframe>. Если установлено несуществующее имя, то будет открыта новая вкладка. В качестве зарезервированных имён используются следующие:
- _blank
- Загружает страницу в новую вкладку браузера.
- _self
- Загружает страницу в текущую вкладку.
- _parent
- Загружает страницу во фрейм-родитель; если фреймов нет, то это значение работает как _self.
- _top
- Отменяет все фреймы и загружает страницу в полном окне браузера; если фреймов нет, то это значение работает как _self.
Значение по умолчанию
_self
Применяется к тегам
| <a> | <area> | <base> | <form> |
Отличия HTML 4.01 от HTML 5
В HTML 4.01 атрибут считался устаревшим и не рекомендован к использованию, в HTML 5 он полностью поддерживается.
Примеры использования:
Атрибут target (Элемент <a>)
Пример HTML:
Попробуй сам<p><a href="att_target.html" target="myFrame">Открыть пример в фрейме</a></p>
<iframe src="demo_iframe.html" name="myFrame" style="width: 325px; height: 250px; background: #f8f8f8;">Ваш web-браузер не поддерживает плавающие фреймы.</iframe>Атрибут target (Элемент <area>)
Пример HTML:
Попробуй сам<img src="images/foto_elem.jpg" alt="Карта изображений" style="width:450px;height:292px;" usemap="#mykarta">
<map name="mykarta">
<area shape="poly" coords="133,62,278,59,284,24,407,22,410,130,285,134,278,96,133,95"
title="Откроется в новом окне" href="images/auto500.jpg" target=_blank>
</map>Атрибут target (Элемент <base>)
Атрибут target (Элемент <form>)
Пример HTML:
Попробуй сам<form action="action_form.php" method="get" target="_blank">
Имя: <input type="text" name="firstname"><br>
Фамилия: <input type="text" name="lastname"><br>
<input type="submit" value="Submit">
</form>Поддержка браузерами
Атрибут target следующую поддержку браузерами для каждого элемента:
Спецификации
| Спецификация | Статус |
|---|---|
| HTML 4.01(W3C) | Рекомендация |
| HTML5 (W3C) | Рекомендация |
| HTML 5.1 (W3C) | Рекомендация |
Учебник HTML
HTML уроки: HTML Атрибуты
