❌ Эта статья об устаревшем теге, спецификация 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.


«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.

ТелеграмПодкастБесплатные учебники

Читать дальше

<ul>

Синтаксис, примеры использования, основные атрибуты.

Справочник
  • 25 января 2023

<video>

Синтаксис, примеры использования, основные атрибуты.

Справочник
  • 25 января 2023

<datalist>

Синтаксис, примеры использования, основные атрибуты.

Справочник
  • 25 января 2023

<caption>

Синтаксис, примеры использования, основные атрибуты.

Справочник
  • 25 января 2023