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

HTMLで挿入されたテキストを表示するにはどうすればいい？insタグの使い方を解説

HTMLでドキュメントに後から追加・挿入されたテキストを示すには、<ins>タグを使用します。このタグで囲まれたテキストは、多くのブラウザでは下線付きで表示され、「ここに文字が挿入された」ことを視覚的に伝えることができます。

<ins>タグには主に以下の2つの属性があります。

属性値説明
cite URL テキストが挿入された理由を説明している別のドキュメントへのURLを指定します。
datetime YYYY-MM-DD HH:MM:SS テキストが挿入された日時を指定します。

使用例

次のコードを実行して、挿入されたテキストの表示を確認してみましょう。

<!DOCTYPE html>
<html>
   <head>
      <title>HTML insタグ</title>
   </head>
   <body>
      <p>次のテキストは <ins>HTML insタグ</ins> を使って挿入されています。
   </body>
</html>

このコードをブラウザで開くと、「HTML insタグ」の部分が下線付きで表示されます。なお、<del>タグ（削除されたテキストを示す）と組み合わせて使えば、文書の修正履歴や変更箇所を分かりやすく表現することも可能です。

  1. HTMLで取り消し線（打ち消し線）テキストを表示する方法【CSSでの実装手順を解説】

    HTMLで取り消し線（打ち消し線）のついたテキストを表示したい場合、かつては<strike>〜</strike>タグが使われていました。このタグは文字通り、テキストに取り消し線を引いて表示します。しかし、<strike>タグはHTML5では廃止（非推奨）されており、現在のWeb制作では使用すべきではありません。代わりに、CSSのtext-decorationプロパティを使うのが標準的な方法です。CSSのtext-decorationプロパティを使う方法CSSで取り消し線を実現するには、text-decoration: line-through;というスタイル

  2. HTMLでテキストを右から左（RTL）に表示する方法【CSSのdirectionプロパティ】

    HTMLでテキストを右から左（Right-to-Left：RTL）に表示するには、CSSのdirectionプロパティを使用します。style属性と組み合わせることで、特定の要素に対してインラインスタイルとして文字の方向を指定できます。 directionプロパティに指定できる値 directionプロパティでは、以下の3つの値を設定できます。 No.値と説明 1ltr左から右へ記述する（デフォルトの方向） 2rtl右から左へ記述する 3initial初期値に戻す style属性を使った指定方法 テキストを右から左に表示する場合は、style属性でCSSのdirectionプロパテ