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

Я работаю над HTML-проектом, и я не могу узнать, как открыть ссылку на новой вкладке без javascript.

Я уже знаю, что <a href="#" onclick="location.href='http://www.WEBSITE_NAME.com'; return false;"></a> открывает ссылку на той же вкладке. Любые идеи, как сделать его открытым в новом?

Ответы

Ответ 1

Установите атрибут target для ссылки _blank:

<a href="#" target="_blank" rel="noopener noreferrer">Link</a>

Изменение: другие примеры см. здесь: http://www.w3schools.com/tags/att_a_target.asp

(Примечание: я ранее предложил blank вместо _blank, потому что, если он используется, он откроет новую вкладку и затем использует ту же вкладку, если ссылка будет нажата снова. Однако это только потому, что, как указал GolezTrol, оно относится к имени a фрейма/окна, которое будет установлено и использовано при повторном нажатии ссылки, чтобы открыть ее на той же вкладке).

Вопросы безопасности!

rel="noopener noreferrer" не позволяет вновь открытой вкладке иметь возможность злонамеренно изменять исходную вкладку. Для получения дополнительной информации об этой уязвимости см. эти ресурсы:

Ответ 2

Используйте один из них в соответствии с вашими требованиями.

Откройте связанный документ в новом окне или вкладке:

 <a href="xyz.html" target="_blank"> Link </a>

Откройте связанный документ в том же фрейме, который был нажат (по умолчанию):

 <a href="xyz.html" target="_self"> Link </a>

Откройте связанный документ в родительском фрейме:

 <a href="xyz.html" target="_parent"> Link </a>

Откройте связанный документ во всей полноте окна:

 <a href="xyz.html" target="_top"> Link </a>

Откройте связанный документ в именованном фрейме:

 <a href="xyz.html" target="framename"> Link </a>

См. MDN

Ответ 3

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

<head>
<title>your text</title>
<base target="_blank" rel="noopener noreferrer">
</head>

надеюсь это поможет

Ответ 4

Используйте target="_blank":

<a href="http://www.example.com/" target="_blank" rel="noopener noreferrer">This will open in a new window!</a>

Ответ 5

target='_blank', если вы не используете XHTML.

Ответ 6

Используйте атрибут "target" тега a и назначьте его _blank. То есть:

<a href="http://www.google.com" target="_blank" >Google in a New Tab or Window depending on the browser capabilities</a>

Ответ 7

Когда использовать target='_blank':

Версия HTML (некоторые устройства не поддерживают его):

<a href="http://chriscoyier.net" target="_blank">This link will open in new window/tab</a>

Версия JavaScript для всех устройств:

Использование rel= "external" вполне допустимо

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
    $('a[rel="external"]').attr('target', '_blank');
</script>

и для JQuery можно попробовать следующее:

$("#content a[href^='http://']").attr("target","_blank");

Если настройки браузера не позволяют открывать в новых окнах:

href = "google.com";
onclick="window.open (this.href, ''); return false";

Ответ 8

Атрибут target="_blank" сделает эту работу. Только не забудьте добавить rel="noopener noreferrer" чтобы устранить потенциальную уязвимость. Подробнее об этом здесь: https://dev.to/ben/the-targetblank-vulnerability-by-example

<a href="https://www.google.com/" target="_blank" rel="noopener noreferrer">Searcher</a>

Ответ 9

Вы можете использовать <a href='url' target="_blank">name</a>

Пример <a href='https://www.facebook.com/hackbalteamz' target="_blank">Facebook</a>

Ответ 10

По умолчанию открывается та же вкладка:

<a href="https://www.google.com/">Google.com </a>

Открывается новая вкладка:

<a href="https://www.google.com/" target="_blank">Google.com </a>

Ответ 11

target = "_ blank" всегда открывает новую вкладку для каждого клика, а target = "tabName" открывает новую вкладку, но то же самое для каждого клика.

Ответ 12

Вы можете использовать <a href="#" target="_blank">Your Text</a> Надеюсь, это помогло. Спасибо.

Ответ 13

Ты можешь использовать:

<a href="#" onclick="location.href='http://www.WEBSITE_NAME.com'; return false;"  target="_blank"> Website</a>

Однако вышеперечисленное делает ваш сайт уязвимым для фишинговых атак. Вы можете предотвратить это в некоторых браузерах, добавив rel= "noopener noreferrer" к вашей ссылке. С этим добавленным, приведенный выше пример становится:

<a href="#" onclick="location.href='http://www.WEBSITE_NAME.com'; return false;" rel="noopener noreferrer" target="_blank">Website.com</a>

проверьте для получения дополнительной информации: https://www.thesitewizard.com/html-tutorial/open-links-in-new-window-or-tab.shtml