Как открыть тег привязки в новой вкладке: объяснение нескольких методов

Чтобы тег привязки открывался на новой вкладке, вы можете использовать атрибут targetсо значением «_blank». Этот атрибут сообщает браузеру открыть связанную страницу в новой вкладке или окне. Вот несколько способов добиться этого:

Метод 1: использование целевого атрибута непосредственно в теге привязки:

<a href="https://example.com" target="_blank">Link</a>

Метод 2. Использование JavaScript для изменения целевого атрибута:

<a href="https://example.com" onclick="window.open(this.href,'_blank');return false;">Link</a>

Метод 3. Использование атрибута rel со значением “noopener”:

<a href="https://example.com" target="_blank" rel="noopener">Link</a>

Метод 4. Использование атрибута rel со значением “noreferrer”:

<a href="https://example.com" target="_blank" rel="noreferrer">Link</a>

Обратите внимание, что упомянутые выше методы подходят для обычных тегов привязки (). Если вы используете фреймворки или библиотеки, такие как React или Angular, синтаксис и подход могут отличаться.