Атрибут link тега <body> — колір посилань сторінки
Атрибут link визначає колір посилань ще не відвіданих сторінок.
Загальний опис
автор: NagarD
- Порада
-
Використання цього атрибута засуджується специфікацією HTML, валідний код виходить тільки при використанні перехідного
автор: с3с<! DOCTYPE>.
Синтаксис
<body link="color_name|hex_number|rgb_number">
Атрибут link може отримувати 3 значень:
-
color_name -
Визначає колір посилання за назвою кольору (наприклад, "red").
автор: с3с -
color_name -
Визначає колір посилання за НЕХ кодом (наприклад, "#ff0000").
автор: с3с -
rgb_number -
Визначає колір посилання за RGB кодом (наприклад, "RGB (255.0.0)").
автор: с3с
Переглядачі
| Переглядач | ||||||
|---|---|---|---|---|---|---|
| 1 | 1 | ≤4 | 15 | 12 | ≤11 |
| Переглядач | ||||
|---|---|---|---|---|
| 4.4 | 18 | 4 | ≤3.2 |
Приклади
+ запропонувати свій приклад у пісочниці
Найпростіший приклад використання HTML атрибута link теґа <body>
<body link="yellow">
<p>Приклад використання атрибуту vlink</p>
<a href="#1">Посилання на документ1</a><br /><br />
<a href="#2">Посилання на документ2</a><br /><br />
<a href="#3">Посилання на документ3</a>
Повний документ зі старими атрибутами <body>: link, vlink, alink, text і bgcolor. Перше посилання перефарбоване саме атрибутом, друге перекрито правилом a:link зі стилів, третє — <a> без href, яке не збігається з :link і бере колір тексту. Натисніть і потримайте посилання, щоб побачити колір з alink.
HTML
<html lang="uk">
<head>
<title>Старі атрибути body</title>
</head>
<body link="#c0392b" vlink="#7d3c98" alink="#f2b134" text="#333333" bgcolor="#f6f9ff">
<h1>Кольори посилань зі старих атрибутів</h1>
<p>1. <a href="https://example.com/nikoly-ne-vidvidane">Звичайне посилання</a> —
колір прийшов з атрибута link="#c0392b". Потримайте кнопку миші на ньому:
поки воно натиснуте, діє alink.</p>
<p class="css">2. <a href="https://example.com/inshe">Те саме посилання</a> —
але в стилях є правило a:link, і воно перекриває атрибут повністю.</p>
<p>3. <a>Посилання без href</a> — це не посилання для :link. Воно бере колір
тексту з атрибута text="#333333" і не реагує на жодне правило для :link
чи :visited.</p>
<p class="note">Тло сторінки задано атрибутом bgcolor, колір тексту — text.
Обидва так само вилучені зі стандарту й так само виконуються.</p>
</body>
</html>
CSS
body {
font: 16px/1.6 system-ui, sans-serif;
margin: 12px;
}
h1 {
margin: 0 0 12px;
font-size: 1.3em;
}
p {
max-width: 520px;
}
.css a:link {
color: #2f6fd0;
text-decoration-thickness: 2px;
}
.note {
color: #5a6472;
font-size: .9em;
}
Різниця між HTML 4.01 та HTML5
Атрибут link для тега <body> не підтримується у HTML5. Користуйтесь для цього CSS.
Коментарі
Коментарів ще немає — будьте першим!