Посилання на нове вікно

Влад Мержевич

Якщо потрібно створити посилання на документ, який відкривається в новому вікні браузера, використовується атрибут target="_blank" тега <a>.

Створення нового вікна зазвичай потрібно у випадках, коли робиться посилання на інший сайт. У інших випадках краще відкривати документи в поточному вікні, оскільки занадто багато вікон може збити з толку читача.

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

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Посилання</title>
 </head>
 <body>
  <p><a href="http://html.in.ua">Звичайне посилання на сайт www.html.in.ua</a></p>
  <p><a href="http://html.in.ua" target="_blank">Посилання 
  відкриє нове вікно на сайт www.html.in.ua</a></p> 
 </body>
</html>

Якщо на веб-сторінці потрібно зробити так, щоб всі посилання відкривались в новому вікні, то немає потреби додавати до всіх тегів <A> атрибут target="_blank". Код можна скоротити, якщо на початку сторінки додати <base target="_blank">, як показано в прикладі 2.

Приклад 2. Використання тега <base>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Посилання</title>
  <base target="_blank">
 </head>
 <body>
  <p><a href="1.html">Посилання відкриється в новому вікні</a></p>
  <p><a href="2.html" target="_self">Посилання відкриється в 
  поточному вікні</a></p>
 </body>
</html>

Зробити так, щоб посилання відкривалося в поточному вікні можна, якщо додати до тегу <a> атрибут target="_self", як показано в даному прикладі.

Зверніть увагу, що атрибут target не є валідним для строгого <!DOCTYPE>.

SEO текст: Навчіться створювати посилання, які відкриваються в новому вікні браузера або в поточному вікні. Дізнайтеся про використання атрибутів тега у HTML для керування відкриттям посилань.

Часті запитання