sタグ と delタグの違い

文法的な違い

<s>
パルパブル・コンテントにも属する
コンテントモデルはフレージング・コンテント

<del>
トランスペアレント
属性で cite, datetime などの更新情報を付与できる

どう使い分ける？

<s>
トランスペアレントじゃない ≒ 独自のアピールをする
→取り消した理由をアピールする

<del>
特別なアピールはせず単純に変更履歴を表現する

サンプルソース

<s>

<p>アイスティーとレモネード！</p>
<s>１本 500円</s>
<strong>なんと今だけ 400円！</strong>

<del>

<p>アイスティーとレモネード！</p>
<del datetime="2017-08-15">１本 500円！</del>
<ins>１本 540円(税込)！</ins>