Методы открытия ссылки в новой вкладке в HTML

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

Метод 1: непосредственное использование атрибута target

<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

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

Метод 4. Использование CSS (класс target-blank)

«\2197»;
padding-left: 3 пикселя;
вертикальное выравнивание: по середине;
}
.target-blank::after:hover {
цвет: красный;

.target-blank::after {
семейство шрифтов: Arial, без засечек;
шрифт-вес: жирный;
оформление текста: нет;
шрифт -размер: 0,8 эм;
}

Метод 5. Использование jQuery

<a href="https://example.com" class="link">Link</a>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
    $('a.link').attr('target', '_blank');
});
</script>

Это некоторые из наиболее часто используемых методов открытия ссылки в новой вкладке с использованием HTML. Выберите тот, который лучше всего соответствует вашим требованиям.