Как открыть ссылку в новой вкладке?
Ссылка может открываться в текущем окне браузера, в новом окне или в новой вкладке. Непосредственно, как открывать ссылки — в новом окне или в новой вкладке — указывает пользователь в настройках браузера. Обычно ссылки для удобства открываются в новой вкладке.
Через HTML мы можем указать, как открывать ссылки — в текущем окне или в новом окне. Для этого к элементу следует добавить атрибут target со значением _blank (да, с подчёркиванием впереди), как показано в примере 1.
Пример 1. Открытие ссылки
Результат данного примера показан на рис. 1. Обратите внимание, что ссылки по своему виду ничем друг от друга не отличаются и понять, как и где она откроется, нельзя.
Рис. 1. Вид ссылок
Атрибут target со значением _blank позволяет открыть ссылку в новом окне или вкладке. Поведение зависит от настроек браузера, к примеру, в настройках Firefox по умолчанию стоит открывать ссылки во вкладках (рис. 2).
Рис. 2. Настройки вкладок в Firefox
Если галочку с этой настройки убрать, то ссылки будут открываться в новом окне, а не во вкладке.
См. также
- text-decoration-skip-ink
- Атрибуты ссылок
- Использование :hover
- Наследование в CSS
- Создание ссылок
- Ссылки
- Ссылки
- Ссылки в HTML
- Якоря
Ссылка на новое окно
Если требуется сделать ссылку на документ, который открывается в новом окне браузера, используется атрибут target=»_blank» тега .
Создание нового окна обычно требуется в случаях, когда делается ссылка на другой сайт. В остальных случаях лучше открывать документы в текущем окне, поскольку обилие окон может сбить читателя с толку.
Так как ссылки на текущее или новое окно ничем не отличаются друг от друга, на некоторых сайтах рядом со ссылкой ставят специальную иконку, показывающую, что документ открывается в новом окне.
Пример 1. Создание ссылки на новое окно
Ссылки Обычная ссылка на сайт www.htmlbook.ru
Ссылка открывает новое окно на сайт www.htmlbook.ru
Если на веб-странице необходимо сделать, чтобы все ссылки открывались в новом окне, то нет необходимости добавлять во все теги атрибут target=»_blank» . Код можно сократить, если вначале страницы добавить , как показано в примере 2.
Пример 2. Использование тега
Ссылки Ссылка откроется в новом окне
Ссылка откроется в текущем окне
Сделать так, чтобы ссылка открывалась в текущем окне, в таком случае можно, если добавить к тегу атрибут target=»_self» , как показано в данном примере.
Учтите, что атрибут target не является валидным для строгого .
Как открыть гиперссылку в новой вкладке или окне?
Чтобы перейти к просмотру документа, на который ссылается гиперссылка, достаточно однократно щелкнуть на ней мышью или коснуться ее пальцем. Однако в некоторых случаях вам, возможно, не хотелось бы покидать текущую веб-страницу: возможно, в том момент, когда перед вами возникла необходимость открыть какую-либо ссылку, вы еще не дочитали текущий документ до конца. Что ж, в этом случае вам достаточно щелкнуть на ссылке правой клавишей мыши (или задержать палец на ссылке в течение нескольких секунд), и выбрать в открывшемся контекстном меню пункт «Открыть ссылку в новом окне», либо «Открыть ссылку в новой вкладке»:
В операционной системе Microsoft Windows может быть одновременно открыто несколько окон Microsoft Edge — столько, сколько вам необходимо для комфортной работы, и в каждом из них может быть загружена собственная веб-страница. Переключение между окнами браузера осуществляется в точности так же, как и переключение между окнами различных приложений.
Так называемые вкладки — еще одна весьма приятная особенность Microsoft Edge. Во время продолжительных путешествий по Интернету пользователям нередко приходится работать со множеством веб-страниц одновременно, при этом открывать их в различных окнах браузера далеко не всегда представляется удобным. Вот по какой причине разработчики включили в новую версию Microsoft Edge возможность загружать различные документы в одном и том же окне браузера, при этом заголовок каждого документа будет демонстрироваться в отдельной вкладке, открыть которую можно простым щелчком мыши или касанием. Для того чтобы создать новую закладку, можно нажать на кнопку «+» в правой части панели вкладок Internet Explorer, либо одновременным нажатием сочетания клавиш Ctrl+T.
В том случае если вы уже щелкнули мышью на какой-либо гиперссылке, и открывшаяся по ссылке страница заменила собой демонстрировавшийся в окне браузера документ, вы можете снова вернуться к просмотру предыдущего документа, нажав на кнопку «Назад» в инструментальной панели программы. Соответственно, нажатие на кнопку «Вперед» позволит вам вновь вернуться к просмотру веб-страницы, демонстрировавшийся в окне Microsoft Edge до момента нажатия на кнопку «Назад».
HTML: Открытие ссылки в новой вкладке
Для того чтобы страница, на которую ведет ссылка, открывалась в новом окне, нужно будет сообщить браузеру имя окна, в котором нужно открыть страницу. Если вы не указываете браузеру использовать какое-то определенное окно, то он откроет страницу в текущем окне.
Другая страница. Если вы установите для атрибута target значение _blank, то ссылка откроется в новом окне.
В таблице приведены все доступные значения для атрибута target.
| Значение | Описание |
|---|---|
| _blank | Открывает документ в новом окне. |
| _self | Открывает документ в том же окне, где была нажата ссылка (значение по умолчанию). |
| _parent | Открывает документ в родительском окне. |
| _top | Открывает документ на весь экран. |
| имя_фрейма | Открывает документ в указанном фрейме. |
Примечание: если ваш браузер поддерживает вкладки, то ссылки с target=»_blank» будут открываться не в новом окне, а в новом вкладке. В этом случае, если вам требуется, чтобы ссылка открывала именно новое окно, надо воспользоваться языком программирования (например, JavaScript).
С этой темой смотрят:
- Как сделать ссылку в html
- Абсолютные и относительные ссылки html
- Как сделать картинку ссылкой
- Ссылка на раздел страницы в html
- HTML тег
Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011 – 2024 © puzzleweb.ru | razumnikum.ru