<s>: Элемент зачёркнутого текста

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

Попробуйте

Атрибуты

Этот элемент использует только глобальные атрибуты.

Удобство для людей с ограниченными возможностями

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

css

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

s::before {
  content: " [start of stricken text] ";
}

s::after {
  content: " [end of stricken text] ";
}

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

Примеры

css

.sold-out {
  text-decoration: line-through;
}

html

<s>Today's Special: Salmon</s> SOLD OUT<br />
<span class="sold-out">Today's Special: Salmon</span> SOLD OUT

Результат

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

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

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

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

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

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`s`	1	12	1 До Firefox 4 этот элемент использовал интерфейс `HTMLSpanElement` вместо стандартного интерфейса `HTMLElement`.	15	≤4	18	4	14	≤3.2	1.0	4.4

См. также

Элемент <strike>, аналог элемента <s>, устарел и больше не должен использоваться на веб-сайтах.
Вместо него используйте элемент <del>, если данные были удалены.
Для достижения прежнего визуального эффекта элемента <s> используйте CSS свойство text-decoration-line.

© 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/s