Атрибут target | htmlbook.ru
Management
Атрибуты тегов
Значения атрибутов
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 1.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
Спецификация
| HTML: | 3.2 | 4.01 | 5.0 | XHTML: | 1.0 | 1.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>
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 = «_blank» и другие значения атрибута target
target=»_blank используется, чтобы тег <a> открыл ссылку в новом окне.
Но что такое target HTML? Почему он должен быть blank? И самое интересное, почему вначале стоит подчеркивание? Давайте подробнее рассмотрим этот код и разберемся, что он делает.
- Атрибут target
- Значения target
- _self
- _blank
- _parent
- _top
- framename
- Символ подчёркивания
По умолчанию ссылки открываются в том же окне, в котором они были нажаты. Но иногда нужно, чтобы они открывались в новом окне. Это можно сделать, используя атрибут HTML target blank.
Четыре наиболее распространенных значения атрибута target:
Значение _self открывает ссылку в том же окне, в котором она была нажата. Это состояние по умолчанию для всех ссылок, так что это значение используется очень редко.
Единственная ситуация, в которой это может произойти, если в HTML использован тег <base>, который устанавливает определенный способ открытия для всех ссылок. Например, если между тегами <head> добавлен следующий код <base href=»http://www.
ltconsulting.co.uk» target=»_blank»/>, нужно использовать target=»_self», чтобы ссылка открывалась в том же окне.
Открывает ссылку в новой вкладке или окне. Это определяется локальными настройками пользователя, в большинстве браузеров это новая вкладка. Вы можете подумать, что с помощью данного значения можно реализовать всплывающие рекламные блоки. Но это не так. Чаще всего для этого используется JavaScript, а не HTML.
Это значение атрибута target HTML лучше всего использовать для открытия на новой вкладке ссылок на внешние сайты или на PDF-файлы. Благодаря этому после закрытия этих вкладок пользователь снова попадает на ваш сайт. Но этим не следует злоупотреблять, так как пользователю будет довольно сложно ориентироваться, если каждая ссылка будет открываться на новой вкладке.
Значение _parent открывает ссылку в родительском фрейме для фрейма, в котором вы находитесь. Это не популярное значение, так как теги для создания фреймов <frameset> и <frame> не поддерживаются в HTML5.
Тем не менее, это значение по-прежнему можно использовать внутри тегов <iframe>.
Как и _parent, значение _top относится к фреймам. С помощью <frameset> можно создать фреймы внутри фреймов с многоуровневой иерархией. _top отменяет все установленные фреймы и загружает страницу в отдельное окно браузера.
Открывает ссылку во фрейме с именем, указанным в значении атрибута HTML href target. Например, <a href=»http://ltconsulting.co.uk» target=»frame1″> открывается во фрейме с именем frame1, то есть <frame src=»https://www.internet-technologies.ru/wp-content/uploads/sidebar» name=»frame1″>. iframe также поддерживают это значение атрибута. Но вряд ли вы когда-нибудь столкнетесь с такими вариантами использования. Когда framename выбирается пользователем, это имя может начинаться только с буквы, а не с цифры или другого символа.
Теперь разберемся, для чего используется символ нижнего подчеркивания. Если мы уберем подчеркивание и изменим значение атрибута на target=»blank», то ссылка будет открываться в новом окне независимо от подчеркивания.
Чтобы убедиться в этом, создайте новый HTML-документ и разместите на нем код следующей ссылки:
<a href="http://ltconsulting.co.uk" target="blank">ltconsulting.co.uk</a>
Затем добавьте в документ код следующей ссылки. А теперь при открытой вкладке с первой ссылкой откройте вторую с атрибутом HTML target blank:
Код второй ссылки:
<a href="http://ltconsulting.co.uk/contact-us/" target="blank">ltconsulting.co.uk/contact-us</a>
Вы увидите, что вторая ссылка открылась во вкладке, которая была открыта для предыдущей ссылки, а не в новой (собственной вкладке).
Это связано со значением framename, которое мы рассматривали ранее. Поскольку мы начали значение с буквы, “blank” интерпретируется как значение типа framename. В случае если framename указан в качестве цели, но такой фрейм не существует, новая вкладка или окно будет создано с использованием этого имени. Таким образом, новое окно, которое мы открыли ранее, стало фреймом с именем “blank”.
Чтобы избежать этой проблемы, для ключевых слов значений было добавлено нижнее подчеркивание. Вот откуда взялось _blank.
Вадим Дворниковавтор-переводчик статьи «TARGET=“_BLANK” AND THE TARGET VALUES OF THE»
HTML | target Attribute — GeeksforGeeks
Улучшить статью
Сохранить статью
- Уровень сложности: Средний
- Последнее обновление: 13 Дек, 2021
Улучшить статью
Сохранить статью
Целевой атрибут HTML используется для указания места открытия связанного документа. Его можно использовать для различных элементов, таких как:
- HTML | целевой атрибут
- HTML | <область> целевой атрибут
- HTML |
целевой атрибут
Синтаксис:
Значения атрибута:
Example:
7 7 |
Output:
Supported Browsers: The browser supported by HTML target Attribute перечислены ниже:
- Google Chrome
- Internet Explorer
- Firefox
- Opera
- Safari
Статьи по теме
Что нового
html - Когда вы должны использовать target="_blank" в своих ссылках?
спросил
Изменено 1 месяц назад
Просмотрено 9к раз
В каких ситуациях следует использовать target="_blank" 9Атрибут 0078 в ваших гиперссылках?
Редактировать:
Чтобы уточнить, я знаю, что синтаксис откроет новое окно браузера.
Я спрашиваю, когда это уместно сделать?
4
Всякий раз, когда вы хотите раздражать пользователей.
А если серьезно, то, поскольку это открывает новое окно/вкладку, на мой взгляд, его следует использовать с осторожностью.
В большинстве современных браузеров есть некоторые опции (например, щелчок средней кнопкой мыши по гиперссылке), чтобы сделать это за вас, поэтому я лично предпочитаю, чтобы пользователь сам справился с этим.
Однако, если вы работаете над чем-то, для чего нет технических причин, например над сайтом, ориентированным на продажи, часто бывает желательно открыть брошюру о продукте в новом окне или что-то в этом роде. Однако имейте в виду, что чрезмерное усердие приводит к моему псевдошуточному ответу выше....
3
Когда вы захотите оставить текущую страницу как есть.
Мне кажется, ваш вопрос должен звучать так: "Когда уместно открывать новую вкладку или окно браузера?"
Если да, то ответ может быть таким:
- Возможно, текущая форма находится в режиме редактирования, и вы хотите открыть
другая страница без
игнорирование или сохранение текущего
один.
- У вас есть поток данных, такой как Twitter, который вы хотите оставить активным, пока вы уходите и смотрите на X.
- Для этого есть особые бизнес-требования.
- Ваши пользователи плохо ориентируются в навигации и не могут вернуться на главную страницу.
6
Это наиболее уместно, когда вы ссылаетесь на внешние ресурсы, к которым люди могут обратиться за дополнительной информацией, справкой и т. д. кнопка.
Это также гарантирует, что им придется просмотреть его еще раз, если они захотят закрыть его ;-)
(последнее - шутка, и я, конечно, не поддерживаю такие гнусные методы...)
5
Обычно я избегаю этого как чумы. Однако, возможно, хороший пример того, почему вы хотели бы использовать это, может быть, если вы создаете модуль корзины или что-то в этом роде, и у вас есть ссылка «щелкните, чтобы увеличить изображение».
Я думаю, что это нормально в этом смысле.
Имейте в виду, что всякий раз, когда вы это делаете, вы предполагаете, что знаете рабочий процесс пользователя лучше, чем они (они всегда могут открыть ссылку в новом окне без вашего принуждения). В случае со ссылкой «большая картина» вы, скорее всего, будете правы, предположив, что они этого хотят, но в большинстве случаев я бы не стал делать поспешных выводов.
7
Если вы хотите, чтобы ссылка открывалась в новом окне, я бы предположил. Я думаю, что время использовать это, когда люди могут щелкнуть ссылку, которая разрушит то, что они делали на странице в данный момент, например, ссылку «помощь» в форме.
Хотя некоторые утверждают, что никогда не следует использовать target="_blank" .
Здесь следует помнить о доступности. Встроенные функции, помогающие слепым пользователям (например, преобразование текста в речь), могут вести себя странно (или просто сбивать пользователя с толку), когда вы открываете новое окно или вкладку.
Кроме того, вы нарушаете наиболее часто используемую функцию каждого браузера... кнопку «Назад».
Только , если это с максимальной уверенностью избавит пользователя от необходимости что-то повторять.
Я думаю, что вам, вероятно, не следует задавать вопрос о пользовательском опыте на форуме разработчиков, потому что вы получите ответы разработчиков.
Тем не менее, как разработчик, я открываю новую Windows, когда ожидаю (или хочу), чтобы пользователь вернулся и продолжил работу на сайте, с которого была создана ссылка.
Я бы рассмотрел это только в том случае, если на странице есть мультимедиа.
Лучший пример, который я могу придумать - подкаст StackOverflow... Я не могу передать вам, сколько раз я торопился щелкнуть ссылку в сообщении блога только для того, чтобы уйти со страницы подкаста!
Кроме того, на YouTube, когда я нажимаю «Просмотреть комментарии», я ухожу со страницы видео.
Что бы вы ни делали, не используйте JavaScript для открытия нового окна.
Это определенно худшее. Нет ничего хуже среднего клика, чтобы открыть новую вкладку с javascript::garbage в адресной строке.
target="_blank" устарел в XHTML 1.0 strict, и поскольку я пишу только в строгом стиле, я использую JS, если действительно хочу открыть новую страницу (или вкладку), и я делаю это только для внешних ссылок (например, вики или около того).
Дополнительная информация:
- http://www.ajaxblender.com/open-links-new-window-w3c-valid-target-blank.html
ПРИМЕЧАНИЕ. Хотя это устарело в XHTML 1.0 strict, target="_blank" было возвращено в HTML 5.
4
Изучение аудитории поможет вам принять решение. Обычные веб-серферы оценят target=_blank, в то время как технически подкованные люди, скорее всего, будут раздражены.
Что касается XHTML 1.0 strict, это никогда не подходит. Атрибут target устарел в XHTML 1.0 strict.
1
Никогда. Если я захочу открыть вашу ссылку в новом окне, я это сделаю.
1
При открытии ссылки в новом окне.
2
Существует практика открытия в новом окне ссылок, которые ссылаются на другой/внешний домен (например, вики).
1
Я использую его для брошюр о продуктах и т.п., так как считаю, что покупателю полезно оставаться на странице продукта. Я всегда указываю [новое окно] рядом со ссылкой, чтобы держать клиента в курсе. Часто брошюра о продукте представляет собой PDF-файл, поэтому я также отмечаю, что ссылка открывает PDF-файл.
Используйте его по мере необходимости, но информируйте своих пользователей, чтобы не раздражать и не сбивать их с толку.
Я предпочитаю этого избегать, потому что большинство пользователей могут сами разобраться, как открыть ссылку в новом окне, даже если это несложно.
Я предпочитаю использовать явно названный пункт назначения, например. target="somename", если у вас есть веская причина открыть новое окно самостоятельно.
Я использую его, только когда клиент настаивает.
В противном случае я предпочитаю оставить решение пользователю.
0
Возможно, я здесь в меньшинстве, но мне нравится использовать target="_blank" для моих ссылок ТОЛЬКО тогда, когда они предназначены для ссылок. В большинстве случаев вам не следует использовать его для обычных ссылок на веб-сайте.
Мне очень не нравится, когда я нажимаю на ссылку в сообщении блога или статье, и она загружается на той же странице, и мне нужно вернуться на исходную исходную страницу.
Когда вы создаете электронное письмо для мобильных пользователей и ссылаетесь на внешний контент. Таким образом, когда они нажмут на ссылку, они откроют страницу в своем браузере.
Если вы хотите открыть какую-либо конкретную ссылку в новой вкладке в текущем окне, вы можете использовать target="_blank" в html.