Атрибут target

За замовчуванням, при переході за посиланням документ відкривається в поточному вікні або фреймі. При необхідності, ця умова може бути змінено атрибутом target тега <a>. Цей атрибут може набувати таких значень:

_blank – завантажує сторінку в нове вікно браузера;

_self – завантажує сторінку в поточне вікно;

_parent – завантажує сторінку у батьківський фрейм;

_top – скасовує всі фрейми і завантажує сторінку в повному вікні браузера.

У прикладі 1 показано створення посилання на сайт, який відкривається в новому вікні.

Приклад 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://www.htmlbook.in.ua" target="_blank">Посилання відкриває 
     вікно на сайт htmlbook.in.ua</a></p> 
  </body>
</html>

Якщо на сайті використовуються фрейми, то в якості значення target можна використовувати ім’я фрейма (приклад 2).

Приклад 2. Відкриття документа у фреймі

<!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://htmlbook.in.ua" target="newframe">Сайт htmlbook.in.ua</a></p> 
 </body>
</html>

Посилання в прикладі 2 веде на сайт htmlbook.in.ua, що відкривається у фреймі з ім’ям newframe.

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

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

Приклад 3. Використання тега <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”, як показано в даному прикладі.

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *

%d bloggers like this: