HTML Living Standard/u
U要素
編集<u>
要素は、テキストを下線付きで表示するために使用されるHTML要素です。この要素は主に視覚的な装飾を目的としており、通常、リンクや特定の強調箇所を示すために使われます。しかし、意味的な強調を示すものではないため、文脈に応じて適切な要素を使用することが重要です。
定義
編集<u>
要素は、テキストに下線を引くために使用されます。この要素は、テキストの強調や意味的な重要性を示すためではなく、主に視覚的な装飾として使用されます。
使用方法
編集以下は、<u>
要素を使用した基本的な例です。
<p>この単語は<u>重要</u>です。</p>
この例では、「重要」というテキストに下線が引かれますが、その意味的な強調を示すものではありません。単に視覚的に目立たせるために下線が使用されています。
<u>
要素は装飾的な下線表示を行いますが、<em>
や<strong>
は意味的な強調を示します。
- <em>
はテキストが強調されていることを示すために使用され、アクセシビリティの面でも適切です。例えば、強調された言葉やフレーズは、視覚的にも音声技術を使った支援でも強調されます。
- <strong>
は、テキストが重要であることを示します。この要素は、視覚的に太字として表示されることが一般的です。
したがって、視覚的に目立たせるためだけに<u>
を使用し、文脈的に強調が必要な場合は<em>
や<strong>
を使うべきです。
<p><em>これは強調された言葉です。</em></p> <p><strong>これは重要な情報です。</strong></p>
これに対して、単にテキストに下線を引くための<u>
を使用することは意味的な強調を避けるためです。
アクセシビリティ
編集<u>
要素は、視覚的に下線を引くだけであり、スクリーンリーダーなどの支援技術には特別な意味を伝えません。そのため、アクセシビリティを考慮する場合、意味的な強調や重要性を示すためには、<em>
や<strong>
を使用することが推奨されます。
例えば、下線を引く必要がある場合は、<u>
を使用しますが、強調が必要であれば<em>
や<strong>
を使用します。
<p><u>これは下線付きのテキストです。</u></p>
使用上の注意
編集<u>
要素は視覚的な下線表示を提供しますが、意味的な強調や重要性を示すためのものではありません。- 強調や重要な情報を伝えたい場合は、
<em>
や<strong>
を使用するべきです。 - 視覚的に目立たせるために下線が必要な場合に
<u>
を使用します。