Новое окно в HTML. Как открыть вкладку при нажатии по ссылке?

новое окно в html. как открыть вкладку при нажатии по ссылке?

Настройки окон по умолчанию

Ссылки в HTML обладают стандартным поведением. При клике на них целевой документ загружается в текущую вкладку браузера, тем самым замещая просматриваемый. Это не всегда бывает удобно. Допустим, страницы вашего сайта содержат ссылки на другие ресурсы. Если пользователь перейдет по ним, то страница другого сайта заменит вашу. Это будет означать потерю посетителя.

Существует устоявшаяся практика, к которой привыкли как создатели сайтов, так и пользователи. Все ссылки, ведущие на внутренние страницы, должны открываться в текущей вкладке браузера, а связанные с другими ресурсами – в новом окне. Пользователю предоставляется решение. Он может остаться на другом сайте и закрыть вкладку с вашей страницей, либо ознакомиться с информацией, представленной в новом окне, и вернуться обратно.

Открытие ссылки в новой вкладке

HTML позволяет контролировать открытие ссылки в новом или текущем окне, на выбор. Для этого необходимо использовать атрибут target элемента <a>. По умолчанию он принимает значение _self, что способствует открытию ссылки в текущей вкладке. Чтобы она открывалась в новом окне, данный атрибут должен иметь значение _blank. При клике на такую ссылку произойдет плавное открытие новой вкладки с содержимым другого документа.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Пример октрытия ссылки в новом окне</title>
    </head>
    <body>
        <h3>Кликните по ссылке, чтобы увидеть результат:</h3>
        <a target="_self" href="https://www.google.ru">Заменит текущее содержимое</a><br>
        <a target="_blank" href="https://www.yandex.ru/">Откроется в новой вкладке</a><br>
    </body>
</html>

Последние публикации