Я працюю над HTML проектом, і не можу зрозуміти, як відкрити посилання в новій вкладці без javascript.
Я вже знаю, що <a href="http://www.WEBSITE_NAME.com"></a>
відкриває посилання в тій же вкладці. Є ідеї, як зробити так, щоб вона відкривалася в новій?
Встановіть атрибут '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"
призначений для запобігання зловмисній модифікації початкової вкладки у нововідкритій вкладці.
Більш детальну інформацію про дану уразливість можна знайти на цих ресурсах:
Використовуйте один з них відповідно до ваших потреб.
Відкрийте пов'язаний документ у новому вікні або вкладці:
<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>
Використовуйте target="_blank"
:
<a href="http://www.example.com/" target="_blank" rel="noopener noreferrer">This will open in a new window!</a>