Як відкрити посилання в новій вкладці на html?

Встановіть атрибут 'target' посилання в значення _blank:

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

Редагувати: інші приклади дивіться тут: http://www.w3schools.com/tags/att_a_target.asp

(Примітка: Я раніше пропонував blank замість _blank, тому що, якщо його використовувати, він відкриє нову вкладку, а потім використовуватиме ту саму вкладку, якщо посилання буде натиснуто знову. Однак це лише тому, що, як зазначив GolezTrol, це стосується назви фрейму/вікна, яке буде встановлено та використано при повторному натисканні на посилання, щоб відкрити його в тій самій вкладці).

**З міркувань безпеки!

Параметр rel="noopener noreferrer" призначений для запобігання зловмисній модифікації початкової вкладки у нововідкритій вкладці. Більш детальну інформацію про дану уразливість можна знайти на цих ресурсах:

• https://dev.to/ben/the-targetblank-vulnerability-by-example
• https://support.detectify.com/customer/portal/articles/2792257-external-links-using-target-_blank-

Використовуйте один з них відповідно до ваших потреб.

Відкрийте пов'язаний документ у новому вікні або вкладці:

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

Використовуйте target="_blank":

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