Клавиша / esc

<s>

Размечает уже неактуальный контент.

Время чтения: меньше 5 мин

Кратко

Скопировано

Тег <s> обозначает содержимое, которое уже не корректно или потеряло актуальность.

Как пишется

Скопировано
        
          
          <p>  Для тех кто хочет меня нанять — я  <s>работаю минимум за 1000 ₽/час</s>  готов работать за еду.</p>
          <p>
  Для тех кто хочет меня нанять — я
  <s>работаю минимум за 1000 ₽/час</s>
  готов работать за еду.
</p>

        
        
          
        
      
Открыть демо в новой вкладке

Как понять

Скопировано

Тег <s> стоит использовать только для незначительных правок, таких как обновление цены. Для обозначения значимых правок в тексте, которые важно зафиксировать, используются теги <del> и <ins>.

По умолчанию браузеры применяют к <s> перечёркивание с помощью text-decoration: line-through.

Пример

Скопировано

Чаще всего «потеря актуальности» отображается в меню или прейскурантах при смене цены.

        
          
          <div class="menu">  <h3>Новогодняя акция!</h3>  <p>    Булочка с корицей всего за <s>120 ₽</s> 119,95 ₽.  </p>  <p>    Слойка с вишней за смешные <s>110 ₽</s> 109,95 ₽.  </p>  <p>    Пирог с курицей по невероятной цене — <s>200 ₽</s> 199,95 ₽.  </p></div>
          <div class="menu">
  <h3>Новогодняя акция!</h3>
  <p>
    Булочка с корицей всего за <s>120 ₽</s> 119,95 ₽.
  </p>
  <p>
    Слойка с вишней за смешные <s>110 ₽</s> 109,95 ₽.
  </p>
  <p>
    Пирог с курицей по невероятной цене — <s>200 ₽</s> 199,95 ₽.
  </p>
</div>

        
        
          
        
      
Открыть демо в новой вкладке