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

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

Я уже знаю, что <a href="http://www.WEBSITE_NAME.com"></a> открывает ссылку на той же вкладке. Есть идеи, как сделать его открытым в новом?

291
anchor browser-tab html hyperlink

12 ответов

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

<a href="#" target="_blank">Link</a>

Edit: для других примеров см. здесь:http://www.w3schools.com/tags/att_a_target.asp

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

469

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

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

 <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

74

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

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

надеюсь, что это помогает

16

использовать target="_blank":

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

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

8

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

<a href="http://www.google.com" target="_blank" >Google in a New Tab or Window depending on the browser's 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";
5

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>
3

target= "_blank" = всегда новая вкладка для каждого клика цель="tabName" = "новая вкладка", но же за каждый клик.

2

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

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

2

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

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

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

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

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

1