Товаров: 0 (0р.)

Html target a: Target = «_blank» и другие значения атрибута target

Содержание

Target = «_blank» и другие значения атрибута target

target=»_blank используется, чтобы тег <a> открыл ссылку в новом окне. Но что такое target HTML? Почему он должен быть blank? И самое интересное, почему вначале стоит подчеркивание? Давайте подробнее рассмотрим этот код и разберемся, что он делает.

По умолчанию ссылки открываются в том же окне, в котором они были нажаты. Но иногда нужно, чтобы они открывались в новом окне. Это можно сделать, используя атрибут 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

Гиперссылки — одна из фундаментальных технологий, которые делают интернет информационной магистралью. Понимание того, как использовать анкоры, является основным аспектов, который нужно освоить в HTML.

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

Если мы хотим использовать только одно слово в качестве анкора, мы оборачиваем 
только одно <a>слово</a> в теги анкора.

Чтобы ссылка охватывала весь абзац, нужно обернуть его в теги <a>.

<!-- Мы также можем использовать в качестве элемента анкора изображение -->
<a><img src = "http://example. com/image-file.png" /></a>

Приведенные выше примеры мало полезны. Мы не включили в них дополнительных инструкций. Сейчас эти элементы ни к чему не привязаны. Для этого нужно использовать дополнительные атрибуты, которые мы рассмотрим в этой статье.

Для создания гиперссылок необходимы три атрибута: href, target и download.

Атрибут href используется для указания цели или адресата для анкора. Он применяется для определения URL-адреса, к которому должен привязываться анкор.

В этом примере <a href="http://example.com"> текста анкора</a> 
ссылка ведет на URL-адрес <em> www.example.com </em>.

С помощью атрибута href можно сделать намного больше, чем просто указать ссылку на другой сайт. Например:

  • Использовать для создания прямой ссылки на любой элемент веб-страницы, которому был присвоен идентификатор.
  • Для связи с ресурсом, используя протокол, отличный от http.
  • Для запуска скрипта.

Например:

<a href="#Specify_a_Hyperlink_Target_href">Этот первый элемент анкора</a>  
ссылается на заголовок  этого раздела статьи.  
Используя <code>id</code>, мы можем назначить для раздела элемент заголовка.
Мы можем использовать протокол <code>mailto</ code>, 
чтобы создать ссылку, которая будет пытаться запустить на вашем компьютере
почтовую программу, используемую по умолчанию. Давайте попробуем! 
Нам бы хотелось, чтобы вы <a href="mailto:[email protected]">связались</a> с нами!
Если вы нажмете ссылку ниже, появится окно оповещения JavaScript.
 <a>Нажмите ссылку, чтобы увидеть, что произойдет </a>.

Элемент href прост в использовании. Но можно получить намного больше, познакомившись с атрибутом target.

Рассмотрим ссылку mailto, которую мы создали в предыдущем примере. Ее исходный код:

Нам бы хотелось, чтобы вы <a href="mailto:[email protected]">связались</a> с нами!

Ссылка полезна, но способ ее открытия не идеален. В зависимости от настроек браузера и ПК гиперссылка может перенаправить пользователей на сайты таких почтовых сервисов, как Gmail или Yahoo! Mail.

Но из-за этого они посетители покинут наш ресурс.

Чтобы решить эту проблему, используйте атрибут target со значением _blank.

Мы будем рады, если вы <a href="mailto:[email protected]"
 target="_blank" rel="noopener">свяжетесь</a> с нами!

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

Атрибут download используется для идентификации ссылки, которая должна инициировать загрузку. Значение, присвоенное атрибуту download , это имя загружаемого файла.

Атрибут href также применяется при создании анкора, который инициирует загрузку. Он указывает на место размещения загружаемого файла.

Пример реализации:

Чтобы создать ссылку, которая указывает браузеру 
<a href="http://example.com/file.ext" download="Example_File">скачать файл</a>,
 используйте атрибут <code>href</ code>, чтобы идентифицировать файл
 для скачивания
и атрибут <code>download</code>, чтобы указать имя скачиваемого файла.

Атрибут href в приведенном выше примере указывает на реальный файл. Когда загрузка будет завершена, его имя будет Example_File.ext, где .ext — это формат файла. Нет необходимости включать расширение файла в значение, присваиваемое атрибуту download. Оно будет идентифицировано и добавлено к имени загруженного файла.

Существует два типа гиперссылок: внутренние и внешние. Внутренние ссылки — это те, которые указывают на другие страницы сайта. Внешние ссылки указывают на веб-страницы, которые не являются частью сайта.

Создание внутренних ссылок важно по нескольким причинам:

  • Они используются для создания меню навигации сайта.
  • Внутренние ссылки используются в контенте сайт, чтобы помочь пользователям найти связанные публикации.
  • Они используются поисковыми роботами при анализе содержимого сайта.

При создании внутренних ссылок убедитесь, что вы не переусердствовали. Ссылочный вес любой веб-страницы передается через ссылки, размещенные на ней.

Чем больше ссылок вы размещаете на странице, тем больше ссылочного веса уходит через эти ссылки. Рекомендуется размещать не более 100 ссылок на одной странице.

Внешние ссылки важны по нескольким причинам:

  • Внешние ссылки позволяют ссылаться на полезный для посетителей сайта сторонний контент.
  • Когда другие площадки публикуют ссылки, которые указывают на наш сайт, они становятся обратными ссылками. Они позволяют передавать вашему сайту ссылочный вес и улучшать его ранжирование.

При использовании внешних ссылок не ссылайтесь на прямых конкурентов. И не забывайте применять атрибут target=»_ blank». Открывая внешние ссылки в новой вкладке браузера, пользователи продолжают оставаться на вашем сайте.

Конечно, вы видели и ссылки, которые выглядят примерно так:

Чтобы узнать больше <a href="http://example.com">нажмите здесь</a>!

Но лучше не использовать такие анкоры. Для этого существует несколько причин:

  • Пользователям потребуется несколько секунд, чтобы исследовать текст вокруг ссылки и получить представление о том, куда она ведет.
  • Поисковые роботы связывают текст анкора с URL-адресом ссылки. Правильно подобранный анкор помогает поисковым системам определять релевантность веб-страницы ключевикам.

Текст анкора должен быть кратким и идентифицировать ключевые слова, относящиеся к веб-странице. Два примера правильно выбранного текста ссылки:

Если хотите, чтобы ваш сайт получал больше трафика из 
<a href="http://www.google.com/" target="_blank" rel="noopener">
 поисковых систем</a>,
 ознакомьтесь с нашим <a href="/seo/">руководством по SEO</a>,
 в котором вы найдете советы по улучшению ранжирования сайта.

Первая ссылка сообщает поисковым роботам и пользователям, что сайт http://www.google.com имеет отношение к ключевому слову «поисковые системы». Вторая ссылка сообщает, что страница, расположенная по относительному URL-адресу /seo/, связана с ключевым словом «руководство по SEO».

Абсолютные URL-адреса — это те, которые содержат полное (абсолютное) описание адреса ссылки. Они включают в себя протокол (http), полное имя домена и путь к файлу.

Относительные URL-адреса, ссылаясь на веб-страницу, описывают ее положение относительно текущей веб-страницы. При создании внутренних ссылок, указывающих на другие страницы одного и того же сайта, можно использовать относительные URL-адреса, а не абсолютные.

Например, если мы находимся по адресу: http://example.com/products/red-product/, и хотим сослаться на страницу синего товара, можно использовать любой из следующих анкоров:

<a href="/products/blue-product/">Перейти к странице синего товара!</a>
<a href="../blue-product/">Перейти к странице синего товара!</a>

Первый синтаксис говорит следующее: «Перейдите на самый нижний уровень дерева, найдите в нем каталог product, а в нем откройте папку blue-product. Второй синтаксис говорит следующее: «Перейдите в родительский каталог для red-product и в нем вы найдете папку blue-product». Оба анкора указывают на URL-адрес: http://example.

com/products/blue-product/.

Предположим, что нужно разместить ссылку на страницу «About Us», которая является прямым потомком главной. Вот как можно это сделать:

<a href="/about-us/">Узнайте больше о нас.</a>

В этом примере говорится следующее: «Вернитесь к самому нижнему уровню дерева каталогов, а затем найдите папку about-us».

Предположим, что мы снова находимся по адресу http://example.com/products/red-product/, и хотим разместить ссылку на страницу подкатегории. Она располагается в каталоге /red-products /category.

<a href="large.php">Смотреть все красные товары, доступные в большом размере!</a>

Приведенный выше URL-адрес заставляет браузер искать в текущей папке файл large.php и преобразовать его в URL-адрес — http://example.com/products/red-product/large.php.

Главное об относительных URL:

  • Если URL-адрес начинается с «/», то мы заставляем браузер искать указанный файл или папку на самом нижнем уровне дерева каталогов.
  • Если URL-адрес начинается с «../», то мы указываем браузеру на необходимость вернуться на один уровень вверх в дереве каталогов.
  • Если URL-адрес начинается с имени файла или папки, то мы указываем браузеру искать ресурсы в текущем файле.

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

Этот необязательный атрибут сообщает браузеру язык документа, на который ведет ссылка. Например, если нужно сообщить браузеру, что целевой источник написан на испанском, мы будем использовать в качестве значения hreflang соответствующий код языка в формате ISO 639-1.

Чтобы сообщить браузеру, что <a href="http://example.com" hreflang="es">ссылка</a>
 ведет на ресурс на другом языке, можно использовать атрибут 
<code> hreflang </ code>.

Атрибут rel используется для описания отношений между анкором и целевым источником. Например:

Эта статья была написана <a href="https://plus. google.com/+AuthorName"
rel="author">Отличным автором</a>.

Существует несколько значений, которые принимает атрибут rel:

  • rel=»nofollow»: используйте это значение, если ссылаетесь на ресурс, но не хотите передавать ему ссылочный вес своего сайта. Например, если ссылаетесь на спамовый сайт в качестве примера того, чего не нужно делать.
  • rel=»alternate»: если сайт имеет больше одной версии, используйте это значение для идентификации связанного ресурса в качестве альтернативной версии текущей страницы.
  • rel=»bookmark»: это значение используется для определения URL-адреса, который является постоянным и может использоваться для закладки.
  • rel=»help»: идентифицирует связанный ресурс как файл справки для страницы с этим значением.
  • rel=»license»: используйте этот атрибут для ссылки на лицензию авторских прав.
  • rel=»next»: используйте это значение для ссылки на следующий документ из серии.
  • rel=»prev»: используйте это значение для ссылки на предыдущий документ из серии.
  • rel=»noreferrer»: если хотите разместить ссылку на внешний сайт, но не хотите, чтобы целевой источник знал, кто на него ссылается, используйте это значение.

Необязательный атрибут type используется для идентификации типа интернет-носителя или MIME типа целевого документа. Например, при создании ссылки на сайт можно добавить атрибут type=»text/html», чтобы сообщить браузеру, что ссылка указывает на HTML-документ.

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

Значение type должно быть допустимым типом IANA. Некоторые из наиболее часто используемых значений: text/html, text/css, application/javascript и multipart/form-data.

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

Название элементаАтрибутыПримечания
linkhref
rel
media
title
type		Элемент <link> используется для определения отношения между HTML-документом и внешним ресурсом. Он чаще всего применяется для определения взаимосвязи между документом и внешними таблицами стилей CSS.
anchorhreflang
download
target
title
href
name		Элемент <a> используется для создания гиперссылки на другую веб-страницу или другое место на той же веб-странице.
basetarget
href		Элемент <base> используется для определения базового адреса, от которого можно создать все относительные URL, отображаемые на веб-странице. Если <base> имеет атрибут target, атрибут target, то он будет использоваться как атрибут по умолчанию для всех гиперссылок, отображаемых в документе.

Данная публикация представляет собой перевод статьи «Anchors & Links: How They Work In HTML» , подготовленной дружной командой проекта Интернет-технологии.ру

| HTML | WebReference

Элемент <a> (от англ. anchor — якорь) является одним из важных в HTML и предназначен для создания ссылок. Для этого необходимо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. В качестве значения атрибута href используется адрес документа, на который происходит переход. Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всюду независимо от имени сайта или веб-страницы, где прописана ссылка. Относительные ссылки, как следует из их названия, построены относительно текущего документа или корня сайта.

Синтаксис

<a href="<адрес>">...</a>

Закрывающий тег

Атрибуты

coords
Устанавливает координаты активной области.
download
Предлагает скачать указанный по ссылке файл.
href
Задаёт адрес документа, на который следует перейти.
hreflang
Идентифицирует язык текста по ссылке.
name
Устанавливает имя якоря внутри документа.
rel
Отношения между ссылаемым и текущим документами.
rev
Отношения между текущим и ссылаемым документами.
shape
Задаёт форму активной области ссылки для изображений.
target
Имя окна или фрейма, куда браузер будет загружать документ.
type
Указывает MIME-тип документа, на который ведёт ссылка.

Также для этого элемента доступны универсальные атрибуты и события.

Пример

<!DOCTYPE HTML> <html> <head> <meta charset=»utf-8″> <title>А</title> </head> <body> <p><a href=»image/xxx.jpg»>Посмотрите на мою фотографию!</a></p> <p><a href=»page/tip.html»>Как сделать такое же фото?</a></p> </body> </html>

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

Каждая спецификация проходит несколько стадий одобрения.

  • Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
  • Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
  • Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
  • Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
  • Editor’s draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
  • Draft (Черновик спецификации) — первая черновая версия стандарта.

Особняком стоит живой стандарт HTML (Living) — он не придерживается традиционной нумерации версий, поскольку находится в постоянной разработке и обновляется регулярно.

Браузеры

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

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

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

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

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

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

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

Использование псевдокласса :target в селекторах — Веб-технологии для разработчиков

Иногда пользователям трудно заметить, что URL указывает на определённую часть документа.  Узнайте, как можно использовать простое CSS правило, чтобы привлечь внимание пользователей к цели указания URL и улучшить их впечатления.

Выбор целевых элементов

Псевдокласс :target используется для стилизации целевого элемента URL, содержащего идентификатор фрагмента. Например, URL http://developer.mozilla.org/en/docs/Using_the_:target_selector#example содержит идентификатор фрагмента #example. В HTML, идентификаторы определяются значениями атрибутов  id или name, т.к. эти аттрибуты разделяют одно пространство имён. Таким образом,  в вышеприведённом примере URL указывает на первый элемент «example» в документе.

Пердположим, вы хотите стилизовать любой элемент h3, который является целью URL, но не хотите, чтобы другие элементы получили стиль цели. Сделать это довольно просто:

h3:target { font-weight: bold; }

Также возможно создать стили, специфичные для определённого фрагмента документа. Это достигается использованием такого же идентификационного значения, как в URI. Таким образом, чтобы добавить рамку к фрагменту #example , напишем:

#example:target { border: 1px solid black; }

Отметка всех элементов, как целевых

Если вы намерены создать общий стиль, который будет применяться ко всем целевым элементам, то вам пригодится следующий универсальный селектор:

:target { color: red; }

Пример

В данном примере имеются пять ссылок, которые ссылаются на элементы одного и того же документа. Выбор ссылки «First» , например, приведёт к тому, что  <h2> станет целевым элементом.   Заметьте, что при прокутке документа целевые элементы располагаются вверху окна браузера, если это возможно.

<h5>...</h5> <p>...</p>
<div>...</div> <a>...</a> <em>...</em>

<a href="#one">First</a>
<a href="#two">Second</a>
<a href="#three">Third</a>
<a href="#four">Fourth</a>
<a href="#five">Fifth</a>

Вывод

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

Original Document Information

  • Author(s): Eric Meyer, Standards Evangelist, Netscape Communications
  • Original Copyright Information: Copyright © 2001-2003 Netscape. All rights reserved.
  • Note: This reprinted article was originally part of the DevEdge site.

Атрибут 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 в 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 и верстке сайтов здесь.

HTML DOM »цель« myNotlar

цель özelliği, ilgili bağlantının açılacağı pencere veya çerçevenin ( frame ) belirtilmesini sağlar.

HTML Sözdizimi 
 ...
JavaScript и DOM Sözdizimi
pencereAdi _blank , _parent , _self veya _top değerlerini alarak veya linkin açılacağı çerçevenin name özelliçılırçinin.
  • _blank : Ссылка yeni bir pencerede açılır.
  • _self : Link içinde bulunulan güncel pencere içinde açılır.
  • _parent : Güncel sayfada bir veya daha fazla FRAMESET kullanılmışsa link, FRAMESET elementinin sayfada kapladığı bölgede açılır. Eğer güncel sayfa bir çerçeve içinde değilse bu parameter _self gibi davranır.
  • _top : Güncel Sayfa bir çerçeve ( frame ) içinde ise tüm çerçeveleri iptal ederek sadece ilgili linkin açılmasını sağlar. Eğer güncel sayfa bir çerçeve içinde değilse bu parameter _self gibi davranır.
Dönüş Değeri
pencereAdi Pencere veya çerçeve adı döner.

Tüm linklerde aynı çerçeve adının kullanılması durumunda tüm linkler aynı çerçeve veya pencere içinde açılacaktır.

Орнек

Aşağıdaki örnek, A elementi ile oluşturulan bir köprünün target özelliği kullanılarak, bağlantının bulundu sayu sayfanın bir çerçerçeve.

 target  ="_top"> mynotlar

Элементлер

target özelliğinin kullanıldığı HTML etiketleri / elementleri

A (Якорь) | ССЫЛКА | ОБЛАСТЬ | БАЗА | ФОРМА

Атрибут TARGET | target — HTML (DHTML) Документация

Устанавливает или извлекает окно или фрейм для нацеливания содержимого.

Что нового в Microsoft® Internet Explorer 6

По состоянию на Internet Explorer 6, _Медийная ценность v Параметр этого свойства указывает, что связанный документ загружается в Область содержимого HTML Медиа-панель.

Синтаксис

HTML TARGET = sTarget …>
Создание сценариев объект . target [ = sTarget]

Возможные значения

sTarget String that указывает или получает одно из следующих значений.
наименование Имя целевого окна или фрейма.
_blank Загрузите связанный документ в новое пустое окно. Это окно не названо.
_media Загрузите связанный документ в область содержимого HTML на панели мультимедиа. Доступно в Internet Explorer 6 или новее.
_parent Загрузите связанный документ в непосредственный родительский элемент документа, в котором находится ссылка.
_search Загрузите связанный документ в панель поиска браузера.Доступно в Internet Explorer 5 или новее.
_self По умолчанию. Загрузите связанный документ в окно, в котором была нажата ссылка (активное окно).
_top Загрузите связанный документ в самое верхнее окно.

Свойство чтение / запись. Свойство имеет значение по умолчанию _self.

Выражения можно использовать вместо предшествующих значений, начиная с Microsoft® Internet Explorer 5.Для получения дополнительной информации см. О динамических свойствах.

Примечания

Если нет существующего окна или фрейма с таким же именем, как указано в цели , открывается новое окно с именем, равным значению цели .

Имя окна — необязательный аргумент в методе открытого сценария.

Пример

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

  Перейти на новую страницу.
Информация о стандартах

Это свойство определено в HTML 4.0 и определяется в Объектная модель документа (DOM) Консорциума World Wide Web (W3C), уровень 1.

Применимо к

Одказы в HTML: a href, target, rel

Тег Význam Párový Výskyt
а odkaz, гиперссылка, záložka ano kdekoliv kromě

a

Одказ (з англ. якорь) se dělá tagem .

Příklad

Odkaz na hlavní stránku

Obsah odkazu

Все, что вам нужно a , будет слышать яко одказ (tzn. Bude klikatelné).

Např.
Hlavní stránka
se zobrazí jako klikatelný nápis Hlavní stránka.

Uvnitř elementu se může objevit skoro cokoliv.Často se odkazem obaluje obrázek, který tak bude celý sloužit jako odkaz. Предложение:

Uvnitř odkazu nesmí být: