Атрибут link тега <body> — колір посилань сторінки


Атрибут link визначає колір посилань ще не відвіданих сторінок.

автор: с3с

Загальний опис

автор: NagarD

Порада

Використання цього атрибута засуджується специфікацією HTML, валідний код виходить тільки при використанні перехідного <! DOCTYPE>.

автор: с3с

Синтаксис

<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с

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera Microsoft EDGE Microsoft Internet Explorer
1 1 ≤4 15 12 ≤11
Підтримка: мобільні переглядачі
Переглядач Mobile Google Android Mobile Google Chrome Mobile Mozilla Firefox Mobile Apple Safari
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>
автор: с3с

Повний документ зі старими атрибутами <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;
}
автор: NagarD

Різниця між HTML 4.01 та HTML5


Атрибут link для тега <body> не підтримується у HTML5. Користуйтесь для цього CSS.


Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Як форматувати текст?
Пишемо Виходить
**важливо**
*акцент*
~~застаріле~~
Виділення в тексті. Те саме роблять кнопки панелі, що спливає над виділеним.
## Як працює каскад
### Порядок оголошень
Заголовки всередині тексту. Найбільший не потрібен — він у сторінки вже є.
[[css/property/color]] Посилання на сторінку довідника. Наберіть [[ — поле веде сходинками (розділ → тип → сторінка), а хибний ключ підкреслить хвилею.
[[!sandbox/S0oh1hBm]] Живий приклад окремим рядком — саме вікно результату. Той самий ключ зі знаком !: наберіть [[! і дійдіть сходинками до потрібної сторінки, список покаже її приклади.
[MDN](https://developer.mozilla.org) Посилання на чужий сайт.
![Схема каскаду](https://site.com/схема.png) Картинка. Опис обов'язковий: його читають пошуковик і незрячі.
Задайте `display: grid` контейнеру Код усередині речення.
```css
.card { display: grid }
```
Код блоком. Мова після трьох лапок вмикає підсвітку.
- Походження
1. Походження
Перелік: маркований і нумерований.
- [ ] дописати приклади
- [x] перевірити в Firefox
Перелік завдань із галочками. Пробіл у порожніх дужках обов'язковий.
> Порядок важить лише за рівної ваги. Цитата на всю ширину абзацу.
Специфічність
: вага селектора; більша перемагає
Список означень: термін, а під ним пояснення з відступом. Пробіл після двокрапки обов'язковий.
Каскад має три критерії[^1]
[^1]: Походження, специфічність, порядок.
Виноска: номер у тексті, примітка внизу сторінки. Без згадки [^1] у тексті примітка не з'явиться.
Відповідь: ||сорок два|| Ховає те, що між рисками: читач бачить на цьому місці розмиту пляму, а решта речення лишається звичайною. Клац — і текст відкрито.
|| Показати рішення
Задайте контейнеру `display: grid`.
||
Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком.
Порожній рядок Новий абзац. Щоб перенести рядок усередині абзацу, поставте \ в його кінці.

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Правка
Зворотний зв'язок
Вхід