CSS властивості
ГлавнаяБлогЯк відкрити посилання на новій вкладці?

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

258

Посилання може відкриватися у поточному вікні браузера, у новому вікні або в новій вкладці. Безпосередньо, як відкривати посилання — у новому вікні або в новій вкладці — вказує користувач у налаштуваннях браузера. Зазвичай посилання на зручність відкриваються в новій вкладці.

Через HTML ми можемо вказати, як відкривати посилання — у поточному вікні або в новому вікні. Для цього до елемента <a> слід додати атрибут target зі значенням _blank (так, з підкресленням попереду), як показано в прикладі 1.

Приклад 1. Відкриття посилання

 <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Посилання</title>
</head>
<body> <p><a href="page/new.html">Звичайне посилання</a></p> <p><a href="page/new.html" target="_blank">Посилання відкриється в новому вікні</a></p>
</body>
</html>

Результат цього прикладу показаний на рис. 1. Зверніть увагу, що посилання на свій вигляд нічим одне від одного не відрізняються і зрозуміти, як і де вона відкриється, не можна.

Вигляд посилань

Мал. 1. Вигляд посилань

Атрибут target зі значенням _blank дозволяє відкрити посилання в новому вікні або вкладці. Поведінка залежить від настройок браузера, наприклад, у налаштуваннях Firefox за замовчуванням варто відкривати посилання у вкладках (мал. 2).

Налаштування вкладок Firefox

Мал. 2. Налаштування вкладок у Firefox

Якщо галочку з цього налаштування прибрати, посилання будуть відкриватися в новому вікні, а не у вкладці.

Автор та редактори

Авт ор: Влад Мержевич
Остання модифікація: 19.09.2018
Редактори: Влад Мержевич