HTML конструювання За замовчуванням, при переході за посиланням документ відкривається в поточному вікні або фреймі. При необхідності, ця умова може бути змінено атрибутом 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”, як показано в даному прикладі.