Как определить цели ссылок с помощью _target в HTML

С помощью _target в HTML определяются цели ссылок. Хотя цель _blank в HTML предоставляет возможность открывать гиперссылки в новом окне, эта опция также воспринимается критически. Настройка по умолчанию _self, с другой стороны, заставляет посетителей покидать текущий сайт.

Что такое _target?

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

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

Совет

Хотите выучить HTML? Наш учебник для начинающих поможет вам!

Каков синтаксис _target в HTML?

HTML-атрибут target обычно заключен в HTML-тег и должен содержать фиксированное значение. Другими допустимыми элементами для _target являются area, base и form. В письменном виде он выглядит, например, так:

<a href="https://www.example.com" target="_parent">

Какие значения разрешены для _target?

_target может содержать следующие значения:

Значение

Описание

_self

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

_blank

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

_parent

_parent _parent заставляет гиперссылку открываться в родительском окне.

_top

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

<имя>

С помощью этого параметра вы можете открыть документ в определенном iframe.

 

Как _target используется в HTML?

_Target размещается внутри элемента. В коде это выглядит следующим образом:

_self в коде

Значение _self задается по умолчанию. Если вы хотите установить значение вручную, вот код:

<a href="https://www.example.com" target="_self">Click here</a>.

target _blank в HTML

target _blank в HTML заставляет ссылку открываться в новом окне или вкладке. Если вы используете это значение, то в целях безопасности следует добавить rel=»noopener». Хотя с технической точки зрения это не является обязательным условием, это настоятельно рекомендуется, поскольку это предотвращает потенциальный доступ к данным об использовании страницы, на которую ведет ссылка. В коде это выглядит следующим образом:

<a href="https://www.example.com" target="_blank" rel="noopener">Click here</a>.

Теперь соответствующая ссылка будет открываться в новой вкладке.

Открытие ссылок в указанном iframe

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

<a href="https://www.example.com" target="Defined window">Click here</a>.
Совет

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

Оцените статью
cdelat.ru
Добавить комментарий