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

Leave a Comment / Разное / By /

Содержание

Атрибут target тега | HTML справочник

HTML тег <form>

Значение и применение

Атрибут target (HTML тега <form>) указывает место отображения ответа, полученного после отправки формы (вкладка, текущее окно, или фрейм).

Поддержка браузерами

Синтаксис:

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

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

ЗначениеОписание
_blankОтвет будет отображен в новом окне или вкладке
_selfОтвет отображается в том же окне. Это значение по умолчанию.
_parentОтображает ответ во фрейм родителе, если фреймов нет, то это значение работает как _self.
_topЗагружает ответ в полном исходном окне, и отменяет все остальные фреймы. Если нет родителей, то ведет себя точно так же, как _self.
framenameОтвет отображается в окне <iframe> с указаным именем.

Отличия HTML 4.01 от HTML 4.01

В HTML 4.01 атрибут считался устаревшим и не рекомендован к использованию, в HTML 5 он полностью поддерживается.

Пример использования

 

<!DOCTYPE html>
<html>
	<head>
		<title>Использование атрибута target HTML тега <form></title>
	</head>
	<body>
		<form name = "subscribeForm" action = "script.php" target = "_blank"> <!-- определяем имя для нашей формы, адрес, куда отправляется форма и место, где будет отображен ответ. -->	
			Имя: <input type = "text" name = "userName"> <!-- определяем элемент управления для ввода текстовой информации -->
			E-mail: <input type = "email" name = "email"> <!-- определяем элемент управления для ввода адреса электронной почты -->
			<input type = "submit" value = "Подписаться"> <!-- определяем кнопку отправки формы -->
		</form>
	</body>
</html>

В данном примере мы создали форму (HTML тег <form>), атрибутом name определили имя для нашей формы, атрибутом action указали адрес, куда отправляется форма и атрибутом target со значением _blank указали, что ответ будет отображен в новой вкладке.

Результат нашего примера:

Пример использования атрибута target HTML тега <form>.HTML тег <form>

seodon.ru | Теги HTML — Тег FORM

Опубликовано: 25.06.2010 Последняя правка: 10.12.2015

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

Если target ссылается на окно с несуществующим именем, то создастся и откроется новое окно и ему присвоится указанное имя. Причем, на это окно, пока оно не закрыто, можно будет ссылаться.

Значения

Значением атрибута может быть одно из зарезервированных имен или имя окна (фрейма) заданное атрибутом name, либо произвольное имя.

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

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

Синтаксис

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

Обязательный атрибут: нет.

Пример HTML: применение атрибута target

<!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>seodon.ru - Тега FIELDSET, атрибут target</title>
 </head>
 <body>
  <form action="/html/primer/files/questions.php" target="_blank">
   <p><input type="text" name="name" size="30" value="Ваше имя"></p>
   <p><input type="submit" name="ok" value="Отправить"></p>
  </form>
 </body>
</html>

Результат примера

Поддержка версиями HTML

Версия:HTML 4.01HTML 5XHTML 1.0XHTML 1.1
Поддержка:ЧастичноДаЧастичноНет

В HTML 4.01 и XHTML 1.0 использовать атрибут target допускается только с <!DOCTYPE> Transitional и Frameset, в противном случае будет невалидный код.

Поддержка браузерами

Браузер:Internet ExplorerGoogle ChromeMozilla FirefoxOperaSafari
Версия:6.0 и выше2.0 и выше2.0 и выше9.2 и выше3.1 и выше
Поддержка:ДаДаДаДаДа

seodon.ru | Теги HTML — Тег A

Опубликовано: 25.06.2010 Последняя правка: 10.12.2015

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

Если target ссылается на окно с несуществующим именем, то создастся и откроется новое окно и ему присвоится указанное имя. Причем, на это окно, пока оно не закрыто, можно будет ссылаться.

Если несколько ссылок в документе указывают на один и тот же фрейм или окно, то можно использовать тег <BASE>.

Значения

Значением атрибута может быть одно из зарезервированных имен или имя окна (фрейма) заданное атрибутом name, либо произвольное имя.

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

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

Синтаксис

<a href="URL" target="значение">...</a>

Обязательный атрибут: нет.

Пример HTML: применение атрибута target

<!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>seodon.ru - Тег A, применение атрибута target</title>
 </head>
 <body>  
  <p>1.<a href="files/hello.html" target="_blank">Открыть страницу в новом окне</a></p>
  <p>2.1.<a href="files/hello.html" target="new">Открыть в новом окне и дать ему имя new</a></p>
  <p>2.2.<a href="files/reklama.html" target="new">Загрузить в окно new новый документ</a></p>
</body>
</html>

Результат примера

Поддержка версиями HTML

Версия:HTML 4.01HTML 5XHTML 1.0XHTML 1.1
Поддержка:ЧастичноДаЧастичноНет

В HTML 4.01 и XHTML 1.0 использовать атрибут target допускается только с <!DOCTYPE> Transitional и Frameset, в противном случае будет невалидный код.

Поддержка браузерами

Браузер:Internet ExplorerGoogle ChromeMozilla FirefoxOperaSafari
Версия:6.0 и выше2.0 и выше2.0 и выше9.2 и выше3.1 и выше
Поддержка:ДаДаДаДаДа

Значения атрибута target в HTML

HTML-код ссылок, помещаемый меж тегами, помимо URL имеет и другие параметры и атрибуты. В числе таковых атрибут target, определяющий «где» будет открыта ссылка. Так, по умолчанию любая гиперссылка открывается в текущем окне браузера (указание атрибута target необязательно). Если HTML содержит target=”_blank” то ссылка откроется в новой вкладке или окне (зависит от настроек браузера).

Значения атрибута target в HTMLЗначения атрибута target в HTML

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

Существует 4 наиболее распространённых значения, принимаемых атрибутом target:

  • _self – значение по умолчанию, открывает ссылку в том же окне или вкладке. Устанавливается лишь в исключительных моментах (в прочих же не требуется).
  • _blank — открытие ссылки в новом окне (в современных браузерах — новая вкладка). Как правило, устанавливается для внешних и ссылок на PDF, при этом пользователь не покидает страниц вашего сайта и после ознакомления может вернуться.
  • _parent — значение атрибута для тегов <iframe>, позволяющее открывать ссылку в родительском фрейме. Непопулярное значение target по причине отказа от него в HTML5.
  • _top — значение атрибута, как и _parent, имеет отношение к тегам <iframe>. Позволяет реализовывать иерархическую структуру и выводить фрейм поверх в отдельном окне.

Вместо послесловия

Стоит учесть, что любое из перечисленных значений обязательно начинается со знака «_» нижнее подчёркивание. Данное правило является оригинальным свойством target, во избежание проблем с открытием ссылок и работай с фреймами.

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
10.09.0+10.62+5.2+4.0+2.3+3.0+

HTML:3.24.015.0XHTML:1.01.1