HTML-тег <ins>
Тег <ins> используется для обозначения части текста, которая была вставлена в документ. В браузере содержимое тега отображается как подчеркнутый текст, хотя это можно изменить с помощью свойства CSS text-decoration.
Тег <ins> обычно используется вместе с тегом <del>, который содержит удаленную часть текста. Содержимое этого элемента отображается как зачеркнутый текст.
Современные программы экранного доступа обычно автоматически озвучивают вставленный текст. Для лучшей доступности вы также можете использовать атрибут aria-label, чтобы при необходимости предоставить дополнительный контекст.
Синтаксис
Тег <ins> используется парами. Содержимое записывается между открывающим (<ins>) и закрывающим (</ins>) тегами.
Пример использования HTML-тега <ins>:
HTML-тег <ins>
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>She likes <del datetime="2023-01-01">violets</del> <ins datetime="2023-10-01">snowdrops</ins>.</p>
</body>
</html>Результат
Пример использования HTML-тега <ins> со свойствами CSS:
Пример использования HTML-тега <ins> со свойствами CSS
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
ins {
font-size: 16px;
font-weight: bold;
color: red;
}
ins::before {
content: " - ";
}
</style>
</head>
<body>
<p>
<q>You only live once, but if you do it right, once is enough.</q>
<ins>Mae West</ins>
</p>
</body>
</html>Атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| cite | URL | Указывает URL-адрес документа, объясняющего причину вставки. |
| datetime | YYYY-MM-DDThh:mm:ssTZD | Определяет дату и время вставки. |
Тег <ins> также поддерживает Глобальные атрибуты и Атрибуты событий.
Практика
Что представляет собой HTML-тег <ins>?