お知らせ / ブログINFO / BLOG
2019.07.03
【HTML】略語や頭字語であることを示すabbrタグ
以前(HTML4.01)では略語はacronym
、頭字語はabbr
となっていましたが、HTML5からは略語・頭字語共にabbr
に統一されました。
あまりあえて使う機会も多くはありませんが、覚えておく分には損はないのでご紹介です。
使い方
<p>CoooDingでは<abbr title="HyperText Markup Language">HTML</abbr>や<abbr title="Cascading Style Sheets">CSS</abbr>の使い方をご紹介しております。</p>
CoooDingではHTMLやCSSの使い方をご紹介しております。
上記のような形でabbr
タグで囲った中に略語または頭字語を記入し、abbr
にtitle属性を設定し、正式名称を記入します。
Google ChromeやFirefoxは下線(点線)にて表示されるようですが、IEやMicrosoft Edgeでは特に見た目上変わらず、span
と同じような挙動みたいです。カーソルを上に置けばtitle属性がツールチップとして表示はされますが、分かり難いので別途CSSで装飾が必要になるかと思います。