JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

頭字語とabbrタグの違いとは？HTMLで省略形を正しく使う方法

頭字語（アクロニム）とは、フレーズを構成する各単語の頭文字をつなぎ合わせて作られた略語のことです。わかりやすく言えば、頭字語は省略形（abbreviation）の一部であり、省略形とは単語やフレーズを短縮した形全般を指します。

acronymタグは廃止されました

重要なポイントとして、<acronym>タグはHTML5ではサポートされておらず、現在では非推奨（deprecated）となっています。そのため、新しいWebページで使用することは避けてください。HTMLで省略形を表現したい場合は、代わりに<abbr>タグを使用しましょう。

省略形も頭字語も、どちらも単語やフレーズを短縮したものであり、一連の文字として表現されます。代表的な例には「Mr.」「IST」「MRI」「NASA」「ISRO」などが挙げられます。

abbrタグの基本的な使い方

<abbr>タグにtitle属性を指定すると、マウスカーソルを重ねた際に完全な名称がツールチップとして表示されるため、ユーザーにとって親切な設計になります。また、検索エンジンやスクリーンリーダーにも省略形の意味が伝わりやすくなり、SEOやアクセシビリティの面でもメリットがあります。

コード例

以下のコードを実行して、HTMLで省略形を追加する方法を確認してみましょう。

<!DOCTYPE html>
<html>
   <head>
      <title>HTML abbreviation</title>
   </head>
   <body>
      <h1>Space Exploration</h1>
      <p>US Space Explorations are governed by <abbr title="National Aeronautics and Space Administration">NASA</abbr>.
      </p>
   </body>
</html>

この例では、「NASA」の上にマウスカーソルを合わせると、「National Aeronautics and Space Administration（アメリカ航空宇宙局）」という正式名称が表示されます。このように<abbr>タグを使えば、省略形の意味を読者に分かりやすく伝えることができます。

  1. DirectX11とDirectX12の違いを徹底解説！ゲーマーが知っておくべきポイント

    DirectXは、ソフトウェアがマルチメディアコンテンツを描画し、グラフィックハードウェアと通信するために使用されるAPI（アプリケーションプログラミングインターフェース）のコレクションです。DirectXの主要な構成要素であるDirect3Dは、ソフトウェアとグラフィックスハードウェア間の通信を担っています。ハードウェアは製品ごとに異なるため、標準化された関数や呼び出しのライブラリを通じてグラフィックカードと通信することで、ゲーム開発を大幅にスピードアップできます。これは「ハードウェア抽象化」と呼ばれ、APIの最も重要な役割となっています。車に例えてみましょう。1台の車の運転ができれば、ほぼ

  2. CとC++の違いは何？主要な相違点をわかりやすく解説

    C言語とC++はどちらも広く使われているプログラミング言語ですが、設計思想や搭載されている機能には大きな違いがあります。この記事では、CとC++の主な相違点を項目ごとにわかりやすく解説します。 CとC++の主な違い 1. 言語としての関係性 CはC++のサブセット（部分集合）と考えることができます。ほとんどの有効なCプログラムは、そのままC++プログラムとしてもコンパイル・実行が可能です。ただし、厳密には一部例外も存在するため注意が必要です。 2. プログラミングパラダイム Cは構造化（手続き型）プログラミング言語であり、処理の手順を上から順に記述していくスタイルが特徴です。一方、C++