Атрибут target html – Гиперссылка — что это такое, как сделать ссылку и вставить в HTML код (href, target blank и другие атрибуты тега a) | Создание сайтов и заработок в сети

Атрибут target | HTML | WebReference

После того, как обработчик формы получает данные, он возвращает результат в виде HTML-документа. Вы можете определить фрейм, в который будет загружаться итоговая веб-страница. Для этого используется атрибут target, в качестве его значения указывается имя фрейма. Если target не установлен, возвращаемый результат показывается в текущей вкладке.

Синтаксис

<form target="<значение>">...</form>

Значения

В качестве значения используется имя фрейма, заданное атрибутом name элемента <iframe>. Если установлено несуществующее имя, то будет открыта новая вкладка. В качестве зарезервированных имён можно указывать следующие.

_blank
Загружает страницу в новую вкладку браузера.
_self
Загружает страницу в текущую вкладку.
_parent
Загружает страницу во фрейм-родитель; если фреймов нет, то это значение работает как _self.
_top
Отменяет все фреймы и загружает страницу в окне браузера; если фреймов нет, то это значение работает как _self.

Значение по умолчанию

Пример

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>FORM, атрибут target</title>
 </head>
 <body>
 <form action="handler.php" target="_blank">
   ... 
 </form>
 </body>
</html>

Браузеры

В таблице браузеров применяются следующие обозначения.

  •  — элемент полностью поддерживается браузером;
  •  — элемент браузером не воспринимается и игнорируется;
  •  — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

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

×

Автор и редакторы

Автор: Влад Мержевич

Последнее изменение: 02.01.2017

Редакторы: Влад Мержевич

Курс по вёрстке сайта на CSS Grid

Атрибут target | wm-school



Атрибут target (от англ. «target» — «цель, мишень») указывает место (фрейм или окно браузера) в которое должен быть загружен, указанный ресурс.

Для элементов <a> и <area> определяет, как открывать ссылки — в новой вкладке, в текущей вкладке или в окне фрейма.

Для элемента <base> определяет имя фрейма, в котором будут открываться все ссылки.
Действие target в качестве атрибута элемента <base> распространяется на все ссылки документа, кроме ссылок в которых это действие переопределяется собственными атрибутами target.

Для элемента <form> определяет указывает место (фрейм или окно браузера) в которое должен быть загружен ответ сервера (результат отправки данных формы).

Синтаксис

<element target="значение">

Значения

В качестве значения используется имя фрейма, заданное атрибутом name элемента <iframe>. Если установлено несуществующее имя, то будет открыта новая вкладка. В качестве зарезервированных имён используются следующие:

_blank
Загружает страницу в новую вкладку браузера.
_self
Загружает страницу в текущую вкладку.
_parent
Загружает страницу во фрейм-родитель; если фреймов нет, то это значение работает как _self.
_top
Отменяет все фреймы и загружает страницу в полном окне браузера; если фреймов нет, то это значение работает как _self.

Значение по умолчанию

_self

Применяется к тегам

Отличия 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">Ваш web-браузер не поддерживает плавающие фреймы.</iframe>

Атрибут target (Элемент <area>)

Пример HTML:

Попробуй сам
<img src="images/foto_elem.jpg" alt="Карта изображений" 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 следующую поддержку браузерами для каждого элемента:

Элемент
<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+
Элемент
<a> 1+ 1+ 6+ 1+
<area> 1+ 1+ 6+ 1+
<base> 1+ 1+ 6+ 1+
<form> 1+ 1+ 6+ 1+

Спецификации

Спецификация Статус
HTML 4.01(W3C) Рекомендация
HTML5 (W3C) Рекомендация
HTML 5.1 (W3C) Рекомендация

Учебник HTML

HTML уроки: HTML Атрибуты


Атрибут target | htmlbook.ru

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
1.0+1.0+1.0+1.0+1.0+1.0+1.0+

Спецификация

HTML:3.24.015.0XHTML:1.01.1

Описание

Вы можете определить окно, в которое будет загружаться веб-страница, открытая по ссылке. Для этого используется атрибут target, в качестве его значения указывается имя окна или фрейма. Если target не установлен, возвращаемый результат показывается в текущем окне.

Синтаксис

<base target="имя окна">

Значения

В качестве значения используется имя окна или фрейма. Если установлено несуществующее имя, то будет открыто новое окно. В качестве зарезервированных имен используются следующие.

_blank
Загружает страницу в новое окно браузера.
_self
Загружает страницу в текущее окно.
_parent
Загружает страницу во фрейм-родитель, если фреймов нет, то это значение работает как _self.
_top
Отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов нет, то это значение работает как _self.

Если для тега <base> установлен target=»_blank», можно сделать чтобы ссылка открывалась в текущем окне, если добавить к тегу <a> атрибут target=»_self».

Значение по умолчанию

_self

Валидация

Использование этого атрибута осуждается спецификацией HTML, валидный код получается только при использовании переходного <!DOCTYPE>.

Пример 1

HTML 4.01IECrOpSaFx

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
  "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег base, атрибут target</title>
  <base target="_blank">
 </head> 
 <body>
  <p><a href="new.html">Ссылка откроется в новом окне</a></p>
  <p><a href="current.html" target="_self">Ссылка откроется в текущем окне</a></p>
 </body>
</html>

Пример 2

HTML5IECrOpSaFx

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег base, атрибут target</title>
  <base target="_blank">
 </head> 
 <body>
  <p><a href="new.html">Ссылка откроется в новом окне</a></p>
  <p><a href="current.html" target="_self">Ссылка откроется в текущем окне</a></p>
 </body>
</html>

Атрибут target | HTML | WebReference

Определяет, как открывать ссылки — в новой вкладке, в текущей вкладке или в окне фрейма.

Синтаксис

<area target="<значение>">

Значения

В качестве значения используется имя фрейма, заданное атрибутом name элемента <iframe>. Если установлено несуществующее имя, то будет открыта новая вкладка. В качестве зарезервированных имён используются следующие.

_blank
Загружает страницу в новую вкладку браузера.
_self
Загружает страницу в текущую вкладку.
_parent
Загружает страницу во фрейм-родитель; если фреймов нет, то это значение работает как _self.
_top
Отменяет все фреймы и загружает страницу в полном окне браузера; если фреймов нет, то это значение работает как _self.

Значение по умолчанию

Пример

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>AREA, атрибут target</title>
 </head>
 <body>
  <p><map name="nortland">
  <area coords="21, 24, 121, 124" shape="rect" href="/sch/images/new.html" 
  target="_blank" alt="Откроется в новом окне">
  </map></p> 
  <p><img src="/images/piter.gif" usemap="#nortland" 
  alt="Питер Нортон"></p>
 </body>
</html>

Браузеры

В таблице браузеров применяются следующие обозначения.

  •  — элемент полностью поддерживается браузером;
  •  — элемент браузером не воспринимается и игнорируется;
  •  — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

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

×

Автор и редакторы

Автор: Влад Мержевич

Последнее изменение: 19.03.2018

Редакторы: Влад Мержевич

Курс по вёрстке сайта на CSS Grid

Атрибут target | HTML | WebReference

Определяет имя фрейма, в котором будут открываться все ссылки. Имя определяется атрибутом name элемента <iframe>. В качестве значения также можно использовать ключевое слово, которое будет открывать ссылки в новой вкладке.

Синтаксис

<base target="<значение>">

Значения

В качестве значения используется имя фрейма, заданное атрибутом name элемента <iframe>. Если установлено несуществующее имя, то будет открыта новая вкладка. В качестве зарезервированных имён используются следующие.

_blank
Загружает страницу в новую вкладку браузера.
_self
Загружает страницу в текущую вкладку.
_parent
Загружает страницу во фрейм-родитель; если фреймов нет, то это значение работает как _self.
_top
Отменяет все фреймы и загружает страницу в полном окне браузера; если фреймов нет, то это значение работает как _self.

Если для элемента <base> установлен target=»_blank», можно сделать чтобы ссылка открывалась в текущем окне, если добавить к элементу <a> атрибут target=»_self».

Значение по умолчанию

Пример

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>base, атрибут target</title>
  <base target="_blank">
 </head> 
 <body>
  <p><a href="page/new.html">Ссылка откроется в новом окне</a></p>
  <p><a href="page/current.html" target="_self">Ссылка откроется в текущем окне</a></p>
 </body>
</html>

Браузеры

В таблице браузеров применяются следующие обозначения.

  •  — элемент полностью поддерживается браузером;
  •  — элемент браузером не воспринимается и игнорируется;
  •  — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

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

×

Автор и редакторы

Автор: Влад Мержевич

Последнее изменение: 19.03.2018

Редакторы: Влад Мержевич

Курс по вёрстке сайта на CSS Grid

Атрибут target | htmlbook.ru

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
4.0+1.0+4.0+1.0+1.0+1.0+1.0+

Спецификация

HTML:3.24.015.0XHTML:1.01.1

Описание

По умолчанию, при переходе по ссылке документ открывается в текущем окне или фрейме. При необходимости, это условие может быть изменено атрибутом target тега <area>.

Синтаксис

<area target="имя окна">

Значения

В качестве значения используется имя окна или фрейма, заданное атрибутом name. Если установлено несуществующее имя, то будет открыто новое окно. В качестве зарезервированных имен используются следующие.

_blank
Загружает страницу в новое окно браузера.
_self
Загружает страницу в текущее окно.
_parent
Загружает страницу во фрейм-родитель, если фреймов нет, то это значение работает как _self.
_top
Отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов нет, то это значение работает как _self.

Значение по умолчанию

_self

Валидация

Использование этого атрибута осуждается спецификацией HTML 4.01 и XHTML 1.0, валидный код получается только при использовании переходного <!DOCTYPE>.

Пример

HTML5IECrOpSaFx

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег AREA, атрибут target</title>
 </head>
 <body>
  <p><map name="nortland">
  <area coords="21, 24, 121, 124" shape="rect" href="/sch/images/new.html" 
  target="_blank" alt="Откроется в новом окне">
  </map></p> 
  <p><img src="/images/piter.gif" usemap="#nortland" 
  alt="Питер Нортон"></p>
 </body>
</html>

Обратите внимание, что в данном примере используется переходный <!DOCTYPE>. При использовании строгого <!DOCTYPE> пример не пройдет валидацию.

Атрибут target в HTML.

Для HTML элементов:

a
area
base
form

возможно добавление дополнительного (необязательного) атрибута target.

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

Для примера, давайте рассмотрим принцип работы этого атрибута на элементе для создания ссылок <a>.

Общий синтаксис атрибута target будет следующий:

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

Теперь расшифруем, что значит каждое из этих значений:

_blank

Загружает содержимое в новом окне браузера.

Больше моих уроков по HTML, CSS и верстке сайтов здесь.

Давайте рассмотрим пример, в котором переход по ссылке, будет открывать содержимое, в новом окне браузера.

<a href="http://yandex.ru" target="_blank">Ссылка на поисковую систему Яндекс.</a>

//jsfiddle.net/dimachen/S69RN/

Попробуйте перейти по этой ссылке.

_self

Загружает содержимое в текущем окне браузера.

В следующем примере переход по ссылке загружает содержимое в том же окне браузера:

<a href="http://yandex.ru">Ссылка на поисковую систему Яндекс.</a>

//jsfiddle.net/dimachen/6PS7j/

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

_parent

Загружает страницу в родительский фрейм. Если на вашей веб-странице не используются фреймы, то значение будет работать точно также, как если бы вы указали значение _self

_top

Загружает содержимое в полном окне браузера. Если на веб-странице нет фреймов, то это значение работает аналогично _self.

framename

Загружает содержимое в конкретном фрейме, имя которого указано.

Значение по умолчанию для атрибута target:

_self

Аналогично, как к элементу <a>, атрибут target можно применять для остальных элементов, которые его поддерживают.

Больше моих уроков по HTML, CSS и верстке сайтов здесь.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *