Атрибут 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

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

webref.ru

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 и выше
Поддержка:ДаДаДаДаДа

spravka.seodon.ru

тег ссылки A и его атрибуты rel, target, name

Рад приветствовать Вас на блоге Checho.ru! В сегодняшней статье мы начнем говорить о языке гипертекстовой разметки html. Данная публикация будет первой в своем роде (и далеко не последней), так как прежде я ничего подобного не писал.

План поста:

  1. Тег ссылки А – создаем гиперссылку в html документе с анкором и без него
  2. Открытие ссылки в новом окне. Атрибут target _blank
  3. Атрибут rel nofollow и тег noindex. Закрываем ссылку от индексации
  4. Ссылка якорь и как ее сделать. Атрибут Name

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

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

Пожалуй, html тег ссылки A является одним из моих самых используемых, на ряду, с тегом img, который необходим для вывода изображений в тексте. В среднем, в каждой публикуемой мной статье, проставляется примерно пять ссылок, как на внутренние страницы, так и на внешние.

Не стоит забывать о том, что теги для сайта html используются не только при написании постов. Также, они будут нужны при изменении кода установленного Вами шаблона на CMS WordPress или любой другой системы управления сайтом.

Поэтому, нужно изучить хотя бы самые основные html теги, чтобы в дальнейшем не иметь проблем при работе со ссылками. К примеру, если Вы пользуетесь «Визуальным редактором», когда пишите свои статьи, то это не очень хорошо, потому как, если данный редактор не будет работать, Вы даже не будете знать элементарного кода, чтобы проставить ссылку.

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

Также существует еще очень много нюансов, которые облегчат Вам работу, и о которых, Вы прочитаете ниже в моей статье – это и rel=”nofollow”, и target=“_blank”, и много еще чего интересного связанного со ссылками.

Тег ссылки А – создаем гиперссылку в html документе с анкором и без него

[yandexd]
Как я уже выше успел заметить, ссылка один из самых используемых мною html тегов. Нужны они для того, чтобы пользователи могли без особых усилий из одного документа переходить на другой с помощью одного щелчка мышкой.

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

При чем ссылки на внутренние страницы с необходимым анкором, будут полезны во внутренней оптимизации сайта, что может увеличить Ваши шансы на попадание в ТОП выдачи поисковой системы. Подробнее об этом я писал в своем посте о внутренней перелинковке.

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

Разобравшись немного с теорией гиперссылок в html документе, можно приступить и к наглядным примерам. Вот такой код будет иметь ссылка:

<a href=”//checho.ru”>Здесь должен быть текст Вашей гиперссылки, то есть анкор</a>

Как видите, ссылка начинается с открывающейся скобки «<», затем идет html тег A, после него должен быть обязательный атрибут href и знак равенства. Далее, следуют две скобки следующего типа – «”», между ними нужно указать URL адрес ссылающегося ресурса, при использовании «http://». Затем, нужно указать анкор ссылки и в конце концов закрыть тег ссылки А при помощи «</a>».

Также, я советую Вам использовать безанкорные ссылки, так как, если на Ваш ресурс будут вести только гиперссылки с анкором это может вызвать вопросы у поисковых систем и привести к плохим последствиям. Наверняка, Вы слышали о нашумевшем алгоритме Google, который имеет устрашающее название Пингвин :).

Безанкорная ссылка имеет следующий вид в html:

<a href=”//checho.ru”></a>

То есть, в тексте гиперссылки не используются символы, таким образом, она будет видна в интернет-браузере для пользователей, как http://checho.ru.

Открытие ссылки в новом окне. Атрибут target _blank

Что же, с html тегом А разобрались, но это еще не все. Существует еще множество атрибутов, которые будут полезны Вам при работе со ссылками. Один из них – атрибут target _blank.

Нужен он для того, чтобы вставленная Вами в html документ ссылка открывалась в новом окне интернет-браузера. Это очень полезно, когда Вы пишите одну объемную статью и ссылаетесь на свои прошлые публикации. Таким образом,  читаемая страница пользователем остается открытой, а ссылки открываются уже на других вкладках в браузере.

Target blank в html используют очень часто так, как это помогает, в плане поведения посетителей на Вашем сайте, то есть влияет на его поведенческие факторы. Поэтому, если Вы до сих пор не используете атрибут target с параметром _blank, рекомендую очень внимательно прочитать данный раздел.

Если Вы будете указывать ссылку, но не укажите вышеупомянутый атрибут, то естественно эта ссылка будет открываться в той же вкладке браузера. А вот пример гиперссылки с применением атрибута target _blank.

<a target=”_blank” href=”//checho.ru”>Текст ссылки</a>
или
<a href=”//checho.ru” target=”_blank”>Текст ссылки</a>

Как Вы могли заметить, особой разницы, где будет проставлен необходимый атрибут – нет, так как их порядок не имеет значения внутри html тегов.

Атрибут rel nofollow и тег noindex. Закрываем ссылку от индексации

[yandexd]
Приступим к работе с атрибутом ссылок rel в html документе. Данный атрибут с параметром nofollow служит для того, чтобы не передавать вес Вашей страницы на какую-либо другую.

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

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

Естественно, атрибут rel nofollow не стоит использовать, когда Вы ссылаетесь на внутренние страницы Вашего сайта, так как грамотная внутренняя перелинковка залог успешной оптимизации ресурса и дальнейшего его развития.

Я использую вышеупомянутый атрибут только, если ссылаюсь на внешние сайты. К примеру, как Вы могли заметить, часто в конце своих статей я предлагаю постетилям стать моим читателем в твиттере (что такое твиттер), и даю ссылку на свой аккаунт, естественно эту ссылку я заключаю в rel nofollow. Выглядит это следующим образом:

<a rel=”nofollow” href=”https://twitter.com/milanfan93”>Становитесь моим фолловером</a>

Опять таки, где будет размещен rel с параметром nofollow, перед атрибутом href или после него, не имеет значения. Также в таких ссылках не стоит прописывать ключевые слова в анкоре, так как это не имеет никакого смысла, ведь мы предварительно делаем ссылку nofollow, а значит она не передает вес.

Теперь стоит обсудить тег noindex. Он служит для того, чтобы поисковые роботы не индексировали не нужные элементы страницы. При чем, это касается не только гиперссылок, но и определенных участков текста.

К примеру, если Вы хотите закрыть ссылку тегом noindex, то есть, чтобы «пауки» поисковиков не индексировалиее, нужно всего лишь непосредственно перед ссылкой в html указать тег noindexи закрыть его. Вот как это выглядит:

<noindex><a rel=”nofollow” href=”https://twitter.com/milanfan93>Становитесь моим фолловером</a></noindex>

Все довольно таки просто. Также, я рекомендую Вам при использовании noindex использовать и атрибут rel с параметром nofollow, чтобы ссылка была неиндексируемой и не передавала внутренний вес внешнему ресурсу.

Кстати, я зайдя на любой сайт сразу вижу, где гиперссылка закрыта от индексации, а где наоборот открытая. Все благодаря, отличному дополнению для браузера Opera RDS bar. Также, с помощью данного плагина я могу отслеживать и другие параметры ресурсов, такие как Тиц и Page Rank, а также AlexaRank.

Ссылка якорь и как ее сделать. Атрибут Name

А сейчас я, возможно, для многих открою весьма занимательную вещь при работе со ссылками. Лично я узнал о ней лишь после того, как более полугода пользовался WordPress. Так вот, сейчас речь пойдет о якоре ссылок.

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

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

Сначала, нужно в статье, на которую Вы хотите сослаться выбрать участок текста, до которого будет прокручиваться страница в интернет браузере. То есть, если Вы даете ссылку, допустим о настройке плагина All in One SEO Pack (не является примером якоря), то и атрибут name должен размещаться в необходимом участке публикации.

Якорь ссылки в html выглядит следующим образом:

<a name=”nazvaniye_yakorya”></a>

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

Теперь непосредственно в новом посте нужно указать хэш-ссылку, используя заранее приготовленный якорь. Таким образом, ссылка будет открывать сразу то место в тексте, которое необходимо. Данная хэш-ссылка будет иметь следующий вид:

<a target=”_blank” href=”//checho.ru/optimizaciya/plagin-all-in-one-seo-pack.html#nazvaniye_yakorya”>Анкор</a>

Пример якоря

В принципе html код ссылки практически не изменился. Только после указания URL страницы, на которую Вы хотите сослаться, нужно проставить знак решетки «#» (хэш-символ) и указать название якоря.

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

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

Всем удачи, с Вами был Вячеслав Чечотенко!

Видео-эпилог: художник очень быстро рисует картины на стекле

checho.ru

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

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