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

HTMLで挿入されたテキストをマークする方法｜insタグの使い方を解説

HTMLで挿入されたテキストをマークするには、<ins>〜</ins>タグを使用します。このタグは、同じドキュメントの複数バージョン間の差分を確認・表示する際に非常に重要な役割を果たします。また、ドキュメントに新しく追加されたテキストの範囲を明示したい場合にも活用できます。

ブラウザ上では、<ins>タグで囲まれたテキストは通常下線付きで表示され、「ここに文字が追加された」ことが視覚的にひと目でわかるようになります。

基本的な使い方

以下のコードを実行すると、HTMLで挿入されたテキストをマークする方法を実際に確認できます。

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

   <body>
      <h1>見出し</h1>
      <p>
         これはサンプルテキストです。<br>
         <ins>このテキストは挿入されました</ins>
      </p>
   </body>
</html>

表示結果

上記のコードをブラウザで開くと、「これはサンプルテキストです。」の下に下線付きの「このテキストは挿入されました」というテキストが表示されます。

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

実務では、<ins>タグは削除されたテキストを示す<del>タグと組み合わせて使われることが多いです。<del>タグで囲まれた部分は打ち消し線で表示されるため、文書の修正履歴や更新履歴を直感的に表現できます。例えば、契約書や記事の改訂履歴をWeb上で公開する際などに、この2つのタグを併用すると、読者にとって非常にわかりやすいドキュメントになります。

  1. HTMLでテキストの方向を設定する方法【directionプロパティの使い方】

    HTMLでテキストの表示方向を設定するには、style属性を使用します。style属性は要素にインラインスタイルを指定するための属性で、CSSのdirectionプロパティと組み合わせることで、テキストの流れる方向（左から右／右から左）を制御できます。 ただし、style属性で指定したスタイルはインラインスタイルとして扱われるため、<style>タグや外部スタイルシートで定義されたグローバルなスタイルよりも優先される点に注意してください。 directionプロパティに指定できる値 番号値と説明 1ltr左から右へ記述する（left to right）。日本語や英語など、ほ

  2. HTMLで略語や頭字語をマークアップする方法【abbrタグの使い方】

    HTMLで略語や頭字語をマークするには？ HTMLで略語（abbreviation）や頭字語（acronym）をマークアップするには、<abbr>タグを使用します。略語や頭字語とは、言葉を短く省略した形で、一連の文字列として表現されるものです。代表的な例としては、「Mr.」「MRP」「GMT」「NASA」などが挙げられます。 <abbr>タグにtitle属性を指定すると、その要素にマウスカーソルを合わせた際に正式名称がツールチップとして表示されます。これにより、訪問者にとって意味が分かりやすくなり、文書のアクセシビリティやSEOの面でもメリットがあります。 なお、かつて