<s>
- 25 января 2023
❌ Эта статья об устаревшем теге, спецификация HTML не рекомендует использовать его в веб-разработке.
Тег <s>
использовался для отображения текста, который должен быть перечеркнут — например, для обозначения текста, который был исправлен, но всё ещё должен быть виден.
Синтаксис тега <s>
<s>Перечеркнутый текст</s>
Спецификация HTML
Тег <s>
устарел и заменен на тег <del>
, его использование не рекомендуется. Однако, он по-прежнему поддерживается всеми браузерами и описан в спецификации HTML5.
Семантический или нет
Тег <s>
не считается семантическим, так как не придает никакого конкретного значения содержимому.
Примеры использования
<p>Данный товар стоил <s>2000</s> 1500 рублей.</p>
<!-- Результат: Данный товар стоил 2000 1500 рублей. -->
<p>Предыдущее название компании было <s>ООО "Стройстрой"</s>.</p>
<!-- Результат: Предыдущее название компании было ООО "Стройстрой". -->
Для чего использовать тег <s>
Тег <s>
используется для обозначения текста, который не является актуальным или верным. Это может быть использовано для выделения текста, который был исправлен, отредактирован или удален.
Распространенные примеры практического применения:
<s>Ошбика</s>
Ошибка — исправление ошибок в тексте<s>Старая цена: 1000 рублей</s> Новая цена: 800 рублей
— показ старой цены перед скидкой<s>Менеджер по продажам</s> Специалист по продажам
— изменение должности или названия
Атрибуты тега <s>
Тег <s>
не имеет своих атрибутов, но поддерживает глобальные атрибуты HTML.
Нюансы
Не рекомендуется использовать тег <s>
для выделения текста с целью изменения его внешнего вида. Для этого лучше использовать теги <span>
или <div>
в сочетании с CSS.
Поддержка браузерами
Тег <s>
поддерживается всеми современными браузерами.
Альтернативные теги
Тег <s>
является устаревшим и рекомендуется использовать аналогичные теги: <del>
для удаленного текста и <ins>
для вставленного текста.
Пример использования:
<del>Этот текст был удален</del>
Для вставленного текста следует использовать тег , который позволяет выделить текст, который был добавлен. Пример использования:
<ins>Этот текст был добавлен</ins>
Актуальность
Тег <s>
устарел, не используйте его в веб-разработке. Вместо этого используйте теги <del>
и <ins>
для выделения удаленного и добавленного текста соответственно.
Хотите узнать больше об HTML-тегах?
Прочитайте справочник по HTML или познакомьтесь с вёрсткой на интерактивных тренажёрах в HTML Academy.
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.
Читать дальше


Глобальные атрибуты HTML
Список основных атрибутов, которые подойдут ко всему.
- 29 марта 2023
Как добавить раздел на страницу. Тег <div>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023
Список описаний. Тег <dl>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023
Пункт выпадающего списка. Тег <option>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023
Как правильно добавить секцию на страницу. Тег <section>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023