HTML5でテキストに取り消し線を付ける方法

取り消し線(strikethrough)は、すでに正確ではなくなった情報や、関連性を失ったコンテンツを表すために使われます。典型的な例が、値引き販売中の商品に表示される「旧価格」です。

記述例：値引き商品

Intel製 2TB SSDドライブ

~~$249~~
$99

かつてのHTML4では、関連性を失ったコンテンツに対して <strike> タグを使っていました。しかし、このタグは現在では非推奨(deprecated)となっており、最新のHTML5では、より短い <s> タグを使うのが標準的な方法です。

上の例のような取り消し線は、次のように記述します。

<s>$249</s>

<s> タグと <del> タグを混同しないように注意しましょう。ブラウザ上での見た目はよく似ていますが、それぞれ意味付けが異なります。

<s>: 現時点で正確ではなくなった、または関連性を失ったコンテンツを表します。たとえば、値引き後の商品ページに残された旧価格の表示などが挙げられます。
<del>: ドキュメントから「削除された」ことを示します。たとえば、ToDoリストで完了した項目に線を引くようなケースがこれに該当します。

HTMLのbdoタグとは？テキストの表示方向を指定する方法と使い方を解説
HTMLのタグは、テキストの表示方向を明示的に指定するための要素です。「bdo」は「Bi-Directional Override（双方向オーバーライド）」の略称で、通常の文字方向の自動判定ルールを上書きし、開発者が意図した方向にテキストを強制的に表示させることができます。 bdoタグで使える属性タグでは、以下の属性を使用します。 dir：テキストの表示方向を指定します。指定できる値は以下の2つです。 ltr：左から右へ（left-to-right）表示します。日本語や英語など、多くの言語で標準的な方向です。 rtl：右から左へ（right-to-left）表示します。アラビア語やヘブラ
HTMLのbigタグとは？使い方とサンプルコードを解説
HTMLの<big>要素は、デフォルトのフォントサイズよりも大きなテキストを表示するために使用される要素です。注意：<big>要素はHTML5ではサポートされていません。現在は非推奨となっており、同様の表示を実現したい場合は、CSSのfont-sizeプロパティを使用することが推奨されています。使用例それでは、実際に<big>要素をHTMLで実装した例を見てみましょう。 <!DOCTYPE html> <html> <body> <h2>Demo Heading</h2> &l