abbrタグとは?|略語や頭字語を表す

abbrタグとは?|略語や頭字語を表す
リンゴ
今回は、<abbr>タグを使って略語や頭字語を表す方法を紹介します。
 
 
リンゴ
リンゴ
ブログを書くことが大好きな少年。
世界にたった一つのWordPressテーマを作るため、HTML/CSSについて日々勉強中!

スポンサーリンク

<abbr>タグとは

 

<abbr>

対応ブラウザInternet Explorer / Firefox / Google Chrome / Safari / Opera
分類フロー・コンテンツ / フレージング・コンテンツ / パルパブル・コンテンツ
利用場所フレージング・コンテンツが期待される場所
内容フレージング・コンテンツ


 
 
<abbr>タグは、略語や頭字語(頭文字をつなげて1つの単語として発音するもの)であることを表す際に使用するタグです。

省略しない状態のテキストは、title属性で指定することができます。
title属性を指定した場合、一般的なブラウザでは、以下のようにカーソルをあてるとtitle属性の値がツールチップとして表示されます。

abbrタグ title属性を指定した場合に表示されるツールチップ
 
 

使用例

 
 

表示例

このページでは、ホームページ作成の基本であるHTMLについて詳しく解説しています。

 
 
また、略語や頭字語だからといって、必ず<abbr>~</abbr>で囲む必要はありません。

例えば、同じ略語が複数出てくる場合は、最初の略語にのみ正式名称を示しておけばいいですし、多くの人が知っているであろう略語なら、無理に<abbr>タグを使う必要はありません。
 
 

リンゴ
逆に、ユーザーになじみのない略語の場合は、このタグで正式名称を示しておくと親切ですね。
 
 

まとめ

略語や頭字語であることを表す際は、<abbr>タグを使用します。
 
 

リンゴ
<abbr>タグを活用して、ユーザーに親切なコンテンツを作りましょう!
 
 
HTML5 タグ図鑑

HTML5タグ全種類を図鑑としてまとめています。タグの意味や使い方でわからないことがあれば、ぜひこのページをご活用ください。

HTML5 タグ図鑑へ

 
HTML5 タグ図鑑

スポンサーリンク








abbrタグとは?|略語や頭字語を表す