HTML辞書ホームへ
HTML要素 辞書 by Sentaro
<acronym> delete_forever
**廃止**された要素。頭文字語(アクロニム)をマークアップするために使用されていましたが、HTML5では廃止されました。
info
概要
<acronym> 要素は、かつて頭文字語(例: NASA、JAXA)を示すために使用されていました。しかし、HTML5では**廃止**され、略語(abbreviation)と頭文字語(acronym)を区別する必要はないという理由から、代わりに <abbr> 要素を使用することが推奨されています。
この要素を現在のWeb開発で使用することは避けるべきです。
play_circle
デモ (静的表示 - 非推奨の書き方)
HTML (Source)
<p>
<acronym title="World Wide Web">
WWW
</acronym>は...
</p>
<br>
<p>
<acronym title="Cascading Style Sheets">
CSS
</acronym>は...
</p>
Preview (Result - 現在のブラウザではabbrと同一挙動)
WWW は...
CSS は...
list
属性 (Attributes)
| 属性名 | 説明 |
|---|---|
| title | **必須** (かつて) 略語の完全な名称を指定します。ブラウザによってはツールチップとして表示されます。廃止された現在でも、この属性の利用は<abbr>要素で推奨されます。 |
| Global Attributes | その他のグローバル属性(id, class, langなど)は使用可能です。 |
code
実用例 (代替要素 <abbr> の使用例)
1. 正しい略語のマークアップ(<abbr>を使用)
<p>
<abbr title="HyperText Markup Language">
HTML
</abbr>の要素を学びましょう。
</p>
2. 複数回出現する場合の適切なマークアップ
<p>
<abbr title="Unidentified Flying Object">UFO</abbr>の目撃情報は...
</p>
<!-- 2回目以降はtitleを省略しても良い -->
<p>
彼は<abbr>UFO</abbr>の調査を続けている。
</p>
3. 廃止された <acronym> の例 (非推奨)
<acronym title="As Soon As Possible">ASAP</acronym>
<!-- この書き方は現在非推奨です -->
lightbulb
知っておくべき重要事項
warning
廃止された要素
<acronym> 要素はHTML5で完全に廃止されました。古いブラウザとの互換性のために認識される場合もありますが、新しいプロジェクトや既存のコードの修正では、必ず <abbr> 要素に置き換えてください。
accessibility_new
アクセシビリティ
略語や頭文字語は、スクリーンリーダーのユーザーにとって理解が難しい場合があります。
略語や頭文字語は、スクリーンリーダーのユーザーにとって理解が難しい場合があります。
title 属性に完全な用語(例: title="HyperText Markup Language")を設定することで、スクリーンリーダーがそれを読み上げ、ユーザーがその意味を理解できるようになります。