HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLで削除されたテキストを表す方法｜delタグの使い方と実例付き解説

HTMLで削除されたテキストを示すには、<del>〜</del>タグを使用します。このタグで囲まれたテキストには、自動的に打ち消し線（取り消し線）が表示されます。

<del>タグはHTML5で導入されました。それ以前は<strike>タグが削除済みテキストの表示に使われていましたが、こちらは現在非推奨（廃止予定）となっているため、新しく作成するページでは使用しないようにしましょう。

<del>タグを使う際の注意点

<del>タグを使用する際は、以下の点に注意してください。

  • 開始タグと終了タグの両方が必須です。片方だけでは正しく機能しません。
  • 段落内で使用する場合は、<p>〜</p>タグの中に記述します。


HTMLで削除されたテキストを表す方法｜delタグの使い方と実例付き解説

コード例

次のコードは、<del>タグを使ってHTML内の削除されたテキストをマークする実際の例です。コピーしてそのまま試すことができます。

<!DOCTYPE html>
<html>
   <head>
      <title>HTML delタグ</title>
   </head>

   <body>
      <h1>見出し</h1>
      <p>
         これはデモ用のテキストです。<del>この部分は削除されたテキストです</del>
      </p>
   </body>
</html>

出力結果

上記のコードをブラウザで表示すると、「この部分は削除されたテキストです」の部分に打ち消し線が引かれて表示されます。

HTMLで削除されたテキストを表す方法｜delタグの使い方と実例付き解説

補足：delタグとinsタグの組み合わせ

文書の修正履歴を明確にしたい場合は、削除を示す<del>タグと、追加を示す<ins>タグを組み合わせて使うのも効果的です。これにより、どの部分が編集前後で変わったのかを視覚的に伝えられます。

  1. HTMLのbdoタグとは？テキストの表示方向を指定する方法と使い方を解説

    HTMLのタグは、テキストの表示方向を明示的に指定するための要素です。「bdo」は「Bi-Directional Override（双方向オーバーライド）」の略称で、通常の文字方向の自動判定ルールを上書きし、開発者が意図した方向にテキストを強制的に表示させることができます。 bdoタグで使える属性 タグでは、以下の属性を使用します。 dir：テキストの表示方向を指定します。指定できる値は以下の2つです。 ltr：左から右へ（left-to-right）表示します。日本語や英語など、多くの言語で標準的な方向です。 rtl：右から左へ（right-to-left）表示します。アラビア語やヘブラ

  2. HTMLのbigタグとは？使い方とサンプルコードを解説

    HTMLの<big>要素は、デフォルトのフォントサイズよりも大きなテキストを表示するために使用される要素です。 注意：<big>要素はHTML5ではサポートされていません。現在は非推奨となっており、同様の表示を実現したい場合は、CSSのfont-sizeプロパティを使用することが推奨されています。 使用例 それでは、実際に<big>要素をHTMLで実装した例を見てみましょう。 <!DOCTYPE html> <html> <body> <h2>Demo Heading</h2> &l