Как сделать чтобы ссылка открывалась в новой вкладке html

Ссылка на новое окно

Если требуется сделать ссылку на документ, который открывается в новом окне браузера, используется атрибут target=»_blank» тега .

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

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

Пример 1. Создание ссылки на новое окно

    Ссылки  Обычная ссылка на сайт www.htmlbook.ru





 Ссылка открывает новое окно на сайт www.htmlbook.ru

Если на веб-странице необходимо сделать, чтобы все ссылки открывались в новом окне, то нет необходимости добавлять во все теги атрибут target=»_blank» . Код можно сократить, если вначале страницы добавить , как показано в примере 2.

Пример 2. Использование тега

    Ссылки Ссылка откроется в новом окне





 Ссылка откроется в текущем окне

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

Учтите, что атрибут target не является валидным для строгого .

Как открыть ссылку в новом окне?

Создать ссылку, которая открывает документ в новом окне.

Решение

По умолчанию ссылки открываются в том же окне, где они расположены. Чтобы любая ссылка открывалась в новом окне, к тегу следует добавить атрибут target со значением _blank , как показано в примере 1.

Пример 1. Ссылка в новом окне

HTML5 IE Cr Op Sa Fx

    Ссылки  Ссылка откроется в этом окне





 Ссылка откроется в новом окне

Учтите, что при использовании строгого атрибут target в HTML4 и XHTML осуждается и код с ним не пройдет валидацию. Чтобы в таком случае сделать ссылку для открытия в новом окне и соблюсти корректность кода, одних HTML и CSS недостаточно, поэтому придется обратиться к скриптам. Вначале необходимо как-то выделить ссылки, которые будут открываться в новом окне, например, атрибутом rel со значением external . Этот атрибут кратко описывает ссылку или куда она ведет. Браузеры не воспринимают этот атрибут, но это и не требуется, поскольку мы будем проверять все ссылки через JavaScript (пример 2). К нужным ссылкам добавляется все тот же target . Но так как это делается программно, то валидатор уловки не заметит.

Пример 2. Открытие ссылки через JavaScript

XHTML 1.0 CSS 2.1 IE Cr Op Sa Fx

    Ссылка в новом окне   Ссылка откроется в текущем окне





 Ссылка откроется в новом окне

HTML по теме

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

Открытие ссылки в новой вкладке, когда кликнувший по ней пользователь остаётся на прежней странице

Как реализовать открытие ссылки в новой вкладке, но только чтоб пользователь оставался на странице, где расположена эта ссылка?

Отслеживать
4,306 14 14 золотых знаков 42 42 серебряных знака 93 93 бронзовых знака
задан 30 окт 2011 в 8:10
Степа Егоров Степа Егоров
295 1 1 золотой знак 6 6 серебряных знаков 15 15 бронзовых знаков

4 ответа 4

Сортировка: Сброс на вариант по умолчанию

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

Отслеживать
ответ дан 30 окт 2011 в 8:13
makregistr makregistr
3,231 4 4 золотых знака 19 19 серебряных знаков 25 25 бронзовых знаков

Скорее всего вы имеете ввиду:

Отслеживать
ответ дан 30 окт 2011 в 8:13
chernomyrdin chernomyrdin
4,188 15 15 серебряных знаков 16 16 бронзовых знаков

Удерживать Ctrl при клике по ссылке. А открывать, как указано в ответах выше.

Отслеживать
ответ дан 30 окт 2011 в 8:24
Вячеслав Кириченко Вячеслав Кириченко
1,344 8 8 серебряных знаков 21 21 бронзовый знак

Так же можно открывать ссылки в новых вкладках браузера нажав на них колёсиком мышки.

Отслеживать
ответ дан 21 июн 2013 в 15:15
204 1 1 золотой знак 5 5 серебряных знаков 16 16 бронзовых знаков

Важное на Мете

Подписаться на ленту

Лента вопроса

Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.

HTML-ссылка в новом окне

Чтобы открыть ссылку в новом окне / вкладке, добавьте target = «_ blank» внутри тега

Код создаст эту ссылку:

Новое окно или новая вкладка

Вы не можете указать, будет ли ссылка открываться в новом окне или в новой вкладке. Это зависит от настроек браузера.

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