Skip to main content

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

Щоб відкрити посилання в новій вкладці, у тегу <a> потрібно використати атрибут target="_blank".


Приклад:

html
<a href="https://example.com" target="_blank">Відкрити в новій вкладці</a>

Під час кліку сторінка https://example.com відкриється в новій вкладці браузера, а поточна залишиться відкритою.


Рекомендується також додати атрибут rel="noopener noreferrer"

Це захист від можливих вразливостей (щоб відкрита сторінка не могла отримати доступ до вихідної вкладки).

Безпечний варіант:

html
<a href="https://example.com" target="_blank" rel="noopener noreferrer"> Відкрити в новій вкладці </a>

Коротко:

  • target="_blank": відкриває посилання в новій вкладці.
  • rel="noopener noreferrer": захищає вихідну сторінку.

Підсумок:

html
<a href="https://example.com" target="_blank" rel="noopener noreferrer">Перейти</a>

Коротка відповідь

Для співбесіди
Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.