abbr-logo

HTML の略語要素 (<abbr>) は略語や頭字語を表します。任意で title 属性で、略語の完全形または説明を提供することができます。 title 属性はこの完全な説明のみを含み、それ以外を含んではいけません。

<abbr>: 略語要素 - HTML: HyperText Markup Language | MDN

実は「略語」だった意外な言葉ランキングTOP29

セマンティック要素とは、そのタグ自体に目的や役割をもつタグのことであり、例えば、article要素やmain要素、nav要素などが挙げられます。今回取り上げたabbr要素もセマンティック要素の一つです。

Abbr属性を用いたHTMLのサンプルソースです。

Simple, Modular and Accessible UI Components for your React Applications. Built with Styled System

HTMLでは、略語を表すタグであるabbr要素があります。この記事では、abbrタグを用いた実際に使えるユースケースをご紹介します。