Widely available すべての主要ブラウザで対応済み。安心して使用可能。

<u>

<u> は HTML の要素で、非言語的に注釈があることを示す方法で表示する行内テキストの区間を示します。これはデフォルトで単純な実線の下線として表示されますが、 CSS を使用して変更することもできます。

テキスト・構造

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
<u>
1
12
1
1
18
1
1+対応 (バージョン) 未対応 ※注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)
注釈 1件
実装メモ
  • Firefox 4以前では、この要素は標準の `HTMLElement` インターフェイスの代わりに `HTMLSpanElement` インターフェイスを実装していた。

基本構文

HTML 
<p>There is <u>a spelling mistake</u> in this text.</p>
<p>Chinese proper noun: <u>Wang Xiaoming</u></p>

ライブデモ

スペルミスの指摘

u 要素でスペルミスや誤字に下線を引くパターン。

プレビュー全画面表示

固有名詞のマーク

中国語のテキストで固有名詞に下線を引く慣習を再現。

プレビュー全画面表示

u と他の装飾の比較

u, ins, text-decoration の違いを比較。

プレビュー全画面表示

実務での使いどころ

  • <u> の活用

    <u> は HTML の要素で、非言語的に注釈があることを示す方法で表示する行内テキストの区間を示します。

注意点

  • 古いブラウザでは対応していない場合がある。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。

参考リンク