Spec-Zone.ru › HTML

<ins>: Элемент вставленного текста

Базовая линия Широко доступна

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.

  • Узнать больше
  • Показать полную совместимость
  • Отправить отзыв

Элемент <ins> HTML представляет собой фрагмент текста, добавленный в документ. Вы можете использовать элемент <del>, чтобы аналогичным образом представить фрагмент текста, удалённый из документа.

Попробовать

Атрибуты

Этот элемент включает глобальные атрибуты.

cite

Этот атрибут определяет URI ресурса, объясняющего изменение, например, ссылку на протокол собрания или билет в системе отладки.

datetime

Этот атрибут указывает время и дату изменения и должен быть допустимой датой с необязательной строкой времени. Если значение не может быть обработано как дата с необязательной строкой времени, элементу не присвоено временное метка. Формат строки без времени см. в Формат допустимой строки даты. Формат строки, если она включает как дату, так и время, описан в Формат допустимой локальной строки даты и времени.

Устранимость

Наличие элемента <ins> не объявляется большинством технологий экранного чтения в стандартной конфигурации. Его можно сделать объявляемым, используя свойство CSS content вместе с псевдоэлементами ::before и ::after.

css
ins::before,
ins::after {
  clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

ins::before {
  content: " [insertion start] ";
}

ins::after {
  content: " [insertion end] ";
}

Некоторые люди, использующие программы экранного чтения, намеренно отключают объявление содержимого, которое создаёт излишнюю детальность. По этой причине важно не злоупотреблять этой техникой и применять её только в ситуациях, когда незнание о внесённых изменениях может негативно повлиять на понимание.

  • Краткое замечание о том, как сделать ваш знак более доступным | The Paciello Group
  • Настройка стилей уровня текста | Adrian Roselli

Примеры

html
<ins>This text has been inserted</ins>

Результат

Техническое описание

Категории содержимого Фразовое содержимое, потоковое содержимое.
Разрешенное содержимое Прозрачное.
Пропуск тега Нет, и открывающий, и закрывающий теги обязательны.
Разрешенные родительские элементы Любой элемент, принимающий фразовое содержимое.
Неявная роль ARIA insertion
Разрешенные роли ARIA Любые
Интерфейс DOM HTMLModElement

Спецификации

Спецификация
Стандарт HTML
# the-ins-element

Совместимость с браузерами

Рабочие столы Мобильные устройства
Chrome Edge Firefox Opera Safari Chrome Android Firefox для Android Opera Android Safari на iOS Samsung Internet WebView Android
ins 1 12 1 15 ≤4 18 4 14 ≤3.2 1.0 4.4
cite 1 12 1 15 3 18 4 14 2 1.0 4.4
datetime 1 12 1 15 3 18 4 14 2 1.0 4.4

См. также

  • <del> элемент для маркировки удаления из документа

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ins

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API