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

HTMLのacronym（頭字語）タグの使い方とHTML5での代替方法

HTMLのacronym（頭字語）タグとは

HTMLの<acronym>タグは、頭字語（アクロニム）を定義するために使用される要素です。頭字語とは、複数の単語の頭文字を組み合わせて作られた略語のことを指します。

注意：HTML5では<acronym>タグはサポートされていません。代わりに<abbr>タグを使用することが推奨されています。

頭字語の具体例

  • B2B：Business to Business（企業間取引）
  • B2C：Business to Consumer（企業と消費者間の取引）
  • CMS：Content Management System（コンテンツ管理システム）
  • PPC：Pay Per Click（クリック課金型広告）
  • ROI：Return On Investment（投資収益率）
  • CTA：Call To Action（行動喚起）

acronymタグの実装例

それでは、<acronym>タグを実装する具体的なコード例を見てみましょう。

<!DOCTYPE html>
<html>
<body>
<h2>Coding Ground</h2>
<h3>Compilers for Programming Languages and Web Technologies</h3>
<nav>
   <a href="/compile_java_online.php">Java</a> |
   <a href="/php_terminal_online.php">PHP</a> |
   <a href="/online_jquery_editor.php">jQuery</a> |
   <a href="/compile_c_online.php">C</a> |
   <a href="/compile_cpp_online.php">C++</a> |
   <a href="/online_angularjs_editor.php">AngularJS</a>
</nav>
<p>We also have a compiler for <acronym title="JavaScript">JS</acronym> libraries.</p>
</body>
</html>

出力結果

HTMLのacronym（頭字語）タグの使い方とHTML5での代替方法

上記のコードを実行すると、各プログラミング言語へのナビゲーションリンクとともに、「JS」という頭字語が本文中に表示されます。

HTMLのacronym（頭字語）タグの使い方とHTML5での代替方法

表示された「JS」の部分にマウスカーソルを合わせると、title属性に設定した「JavaScript」という完全な名称がツールチップとして表示されます。このように、<acronym>タグを使うことで、略語の意味を読者にわかりやすく伝えることができます。

  1. HTMLのembedタグとは？使い方と主な属性をわかりやすく解説

    <embed>タグとは<embed>タグは、HTML文書の中に外部アプリケーションやプラグインコンテンツ（PDFファイル、動画、音声など）を埋め込むための要素です。開始タグのみで構成され、基本的に終了タグは不要です。<embed>タグで使用できる主な属性は以下の通りです。height：埋め込むコンテンツの高さをピクセル単位で指定します。src：埋め込む外部ファイルのアドレス（URL）を指定します。type：埋め込みコンテンツのメディアタイプ（MIMEタイプ）を指定します。例：「application/pdf」など。width：埋め込むコンテンツの幅をピクセル

  2. HTMLの<dfn>タグとは？定義用語のマークアップ方法を実例付きで解説

    HTMLの<dfn>タグは、専門用語や略語など「定義の対象となる語」が文書内で最初に登場する箇所を示すための要素です。多くのブラウザでは、<dfn>タグで囲まれた部分は斜体（イタリック体）で表示されます。 それでは、<dfn>タグの具体的な実装例を見ていきましょう。 コード例 <!DOCTYPE html> <html> <body> <h2>MCAの科目一覧</h2> <p><dfn title="Master of Computer Applications"