Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【HTML Living Standard】ins要素の使い方

ins要素の使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

insオブジェクトは、HTML文書において、新しく挿入されたテキストの範囲を示すためのオブジェクトです。この要素は、主に文書の改訂や編集履歴を明確にする目的で使用されます。例えば、既存の段落に新たな文章を追加した際、どの部分が追加されたのかを読者に伝えるために利用できます。

ブラウザは通常、ins要素で囲まれたテキストに下線(アンダーライン)などの視覚的なスタイルを適用して表示します。これにより、読者は文書のどの部分が後から追加されたのかを直感的に把握できます。

ins要素には、変更に関する詳細情報を提供するオプションの属性がいくつかあります。cite属性を使用すると、変更の説明を提供するリソース、例えば変更履歴のドキュメントのURLなどを指定できます。また、datetime属性を使用すると、テキストが挿入された正確な日時を示すことができます。この属性の値は、日付と時刻の国際標準フォーマット(YYYY-MM-DDThh:mm:ssTZDなど)に従う必要があります。

ins要素は、削除されたテキストを示すdel要素と組み合わせて使われることが多く、これら二つの要素を併用することで、文書の変更履歴をより詳細かつ意味的に表現することが可能になります。ただし、単にテキストに下線を引くといった視覚的な表現のみが必要な場合は、ins要素ではなくCSSのtext-decorationプロパティを使用することが推奨されます。ins要素は、セマンティックな意味、つまり「この部分は挿入されたものである」という情報を提供することに重きを置いています。

公式リファレンス: <ins>: The Inserted Text element

構文(syntax)

1<ins>挿入されたテキスト</ins>

引数(parameters)

引数なし

引数はありません

戻り値(return)

戻り値なし

戻り値はありません

関連コンテンツ