Атрибут target тега <link> — де відкрити документ
Атрибут target визначає, де відкрити пов'язаний документ
автор: с3с
Загальний опис
автор: NagarD
Синтаксис
<link target="_blank|_self|_parent|_top|framename">Атрибут target може отримувати 5 значень:
-
_blank -
Завантажує пов'язаний документ в новому вікні або вкладці.
автор: с3с -
_self -
Завантажує пов'язаний документ в той же фрейм, в якому він був викликаний (це без задання).
автор: с3с -
_parent -
Завантажує пов'язаний документ в батьківському фреймі.
автор: с3с -
_top -
Завантажує пов'язаний документ в повному тілі вікна
автор: с3с -
framename -
Завантажує пов'язаний документ в зазначеному фреймі.
автор: с3с
Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| 1 | 1 | ≤4 | ≤12.1 | 12 | ≤6 |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| 4.4 | 18 | 4 | ≤3.2 |
Приклади
+ запропонувати свій приклад у пісочниці
target на link мав указувати контекст для пов'язаного документа — сучасні браузери його ігнорують: link нічого не відкриває. Живий target шукай на <a>, <base> і формах.
<link rel="parent" href="section.html" target="_blank">
<p>Цей link нічого не робить — target на ньому мертвий.</p>Позначка для посилань, що відкриваються в новій вкладці: селектор за атрибутом і ::after. Читач бачить, що буде, ще до кліка.
HTML
<p><a href="/html/tag/a">Звичайне посилання — та сама вкладка</a></p>
<p><a href="/html/tag/a" target="_blank" rel="noopener">Посилання з target="_blank"</a></p>CSS
p {
font: 16px/1.6 system-ui, sans-serif;
}
a[target="_blank"]::after {
content: " ↗";
font-size: 0.85em;
color: #64748b;
}Різниця між HTML 4.01 та HTML5
Атррибут target для тегу `<link>` не підтримується у HTML5
Коментарі
Коментарів ще немає — будьте першим!