Атрибут target

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

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

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

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

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

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

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

Приклад 1. Відкриття документа в новому вікні

Для створення валідного коду атрибут target може використовуватися тільки при перехідному <!DOCTYPE>, як показано в усіх прикладах цієї статті.

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

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

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

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

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

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

SEO текст: Навчання з відкриття посилань у новому вікні або фреймі на веб-сторінці. Використовуйте атрибут target для керування цим процесом. Приклади коду та важливі поради щодо оптимального використання.

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