Как заставить HTML открывать гиперссылку в другом окне или вкладке?
Вопрос
Это строка для гиперссылки в HTML:
<a href="http://www.starfall.com/">Starfall</a>
Таким образом, если я нажму «Звездопад», мой браузер (я использую FireFox) перенесет меня на эту новую страницу, и содержимое моего окна изменится.Интересно, а как это сделать в HTML, чтобы новая страница открывалась в новом окне, а не меняла предыдущую?Есть ли такой способ в HTML?
И если да, есть ли способ открыть запрошенную страницу в другой вкладке (не в другом окне) моего браузера?
Решение
<a href="http://www.starfall.com/" target="_blank">Starfall</a>
Однако, откроется ли он на вкладке или в другом окне, зависит от того, как пользователь настроил свой браузер.
Другие советы
Самый простой способ — добавить целевой тег.
<a href="http://www.starfall.com/" target="Starfall">Starfall</a>
Используйте разное значение атрибута target для каждой ссылки, если вы хотите, чтобы они открывались на разных вкладках, или одно и то же значение атрибута target, если вы хотите, чтобы они заменяли другие.
использовать target="_blank"
<a target='_blank' href="http://www.starfall.com/">Starfall</a>
Вы должны иметь возможность добавить
target="_blank"
нравиться
<a href="http://www.starfall.com/" target="_blank">Starfall</a>
А target
атрибут – лучший способ сделать это.
<a href="http://www.starfall.com" target="_blank">
откроет его в новой вкладке или окне.Что касается этого, это зависит от настроек пользователя.
<a href="http://www.starfall.com" target="_self">
является значением по умолчанию.Это заставляет страницу открываться на той же вкладке (или в iframe, если вы с этим имеете дело).
Следующие два хороши только в том случае, если вы имеете дело с iframe.
<a href="http://www.starfall.com" target="_parent">
откроет ссылку в iframe, в котором находился iframe, в котором была ссылка.
<a href="http://www.starfall.com" target="_top">
откроет ссылку на вкладке, независимо от того, сколько iframe ей придется пройти.
target = _blank откроется в новой вкладке или окне в зависимости от настроек браузера.
Чтобы вызвать новое окно, используйте javascript onclick, необходимы все три части.URL-адрес, имя, ширину и высоту окна, иначе оно просто откроется в новой вкладке.
<a onclick="window.open('http://www.starfall.com/','name','width=600,height=400')">Starfall</a>
Вы также можете сделать это, добавив следующее в заголовок вашей страницы:
<base target="_blank">
ВСЕ ссылки на вашей странице откроются в новой вкладке.
ниже пример с target="_blank"
работает для Safari и Mozilla
<a href="http://www.starfall.com" `target="_blank"`>
С использованием target="new"
работал в Chrome
<a href="http://www.starfall.com" `target="new"`>
Поскольку Интернет быстро развивается, некоторые вещи со временем меняются.По вопросам безопасности вы можете использовать rel="noopener"
атрибут в сочетании с вашим target="_blank"
.
Как сказано в Документация Google для разработчиков, другая страница может получить доступ к вашему объекту окна с помощью window.opener property
.Ваша внешняя ссылка теперь должна выглядеть так:
<a href="http://www.starfall.com/" target="_blank" rel="noopener">Starfall</a>