Чтобы ссылка открывалась в новой вкладке 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. Выберите тот, который лучше всего соответствует вашим требованиям.