サイト制作
HTMLのabbrで略語を説明する マウスを乗せる説明だけに頼らない書き方
2026-11-07
この記事には広告・アフィリエイトリンクが含まれます。
略語を示すabbr要素と、完全な名称を伝える方法を整理します。初めて読む人にも意味が届く本文の書き方が大切です。
まず本文で、略さない名前を伝える
APIやCSSのような略語は、知っている人には便利でも、初めて読む人には意味がつかみにくいものです。HTMLのabbr要素は、その部分が略語であることを示すために使えます。見た目の飾りよりも、言葉の役割を伝える仕組みと考えるとわかりやすいですね。
初出では、略語と一緒に正式な名称や短い説明を本文へ書きましょう。たとえばCSSなら、スタイルを指定する言語だと説明してから略語を使うと、その後の文章を読み進めやすくなります。abbrを付けただけで、未知の専門用語が自動的に解説されるわけではありません。
titleは補助として使う
abbrのtitle属性には、略語の完全な形を記載できます。ブラウザーによっては、ポインターを置くと小さな説明が出ます。ただし、本文中にない説明をここだけへ閉じ込めると、操作の仕方によって気づきにくくなります。大事な定義は本文に置くのが基本です。
同じ略語がページの別の場所に出てきても、先に設定したtitleが自動で引き継がれるわけではありません。また、点線の下線などの表示にもブラウザー差があります。完成後は見た目だけでなく、補助説明を使わずに読んでも意味が通るかを確認してみてください。
