[1] [[HTML]] の [DFN[[CODE(HTMLe)[u]] 要素型]]の要素は、
[[内容]]を[RUBYB[下線] [underline]]付きで表示するべきものです。
[2] 仕様書:
- [[HTML 4]]
-- 15.2.1 Font style elements: the [CODE(HTMLe)[TT]], [CODE(HTMLe)[I]],
[CODE(HTMLe)[B]], [CODE(HTMLe)[BIG]], [CODE(HTMLe)[SMALL]], [CODE(HTMLe)[STRIKE]],
[CODE(HTMLe)[S]], and [CODE(HTMLe)[U]] elements
[3]
:[[開始タグ]]:必須
:[[終了タグ]]:必須
:[[内容模型]]:[CODE(SGML)[(%[[inline]];)*]]
:出現できる文脈:[CODE(SGML)[%inline]] な文脈
:[[属性]]:
,属性名 ,属性値 ,既定値 ,説明 ,出典
,[CODE(HTMLa)[[[class]]]] , , ,[[級]] ,[HTML4] %[[coreattr]]
,[CODE(HTMLa)[[[dir]]]] , , ,[[書字方向]] ,[HTML4] %[[i18n]]
,[CODE(HTMLa)[[[id]]]] , , ,一意識別子 ,[HTML4] %coreattr
,[CODE(HTMLa)[[[lang]]]] , , ,[[自然言語]] ,[HTML4] %i18n
,[CODE(HTMLa)[[[xml]]:lang]] , , ,自然言語 ,[XHTML1]
,[CODE(HTMLa)[[[onclick]]]] , , , ,[HTML4] %[[events]]
,[CODE(HTMLa)[[[ondblclick]]]] , , , ,[HTML4] %events
,[CODE(HTMLa)[[[onkeydown]]]] , , , ,[HTML4] %events
,[CODE(HTMLa)[[[onkeypress]]]] , , , ,[HTML4] %events
,[CODE(HTMLa)[[[onkeyup]]]] , , , ,[HTML4] %events
,[CODE(HTMLa)[[[onmousedown]]]] , , , ,[HTML4] %events
,[CODE(HTMLa)[[[onmousemove]]]] , , , ,[HTML4] %events
,[CODE(HTMLa)[[[onmouseout]]]] , , , ,[HTML4] %events
,[CODE(HTMLa)[[[onmouseover]]]] , , , ,[HTML4] %events
,[CODE(HTMLa)[[[onmouseup]]]] , , , ,[HTML4] %events
,[CODE(HTMLa)[[[style]]]] , , ,スタイル情報 ,[HTML4] %coreattr
,[CODE(HTMLa)[[[title]]]] , , ,注釈的題 ,[HTML4] %coreattr
* 意味
[24] 典型的に[[下線]]付きで表されるものを表します。
ただし、他により適切な[[要素]]があるときは、そちらを使うべきです。
;; [[下線]]を参照。
[EG[
[25] [[ハイパーリンク]]は[[下線]]付きで表されるのが慣例となっていますが、
[CODE[a]] [[要素]]が適切かつ十分であり、 [CODE[u]]
[[要素]]を使うべきではありません。
]EG]
* 代替
[8] この要素型は'''[RUBYB[非推奨] [deprecated]]'''です。
代わりに、[[スタイル・シート]]を利用できます。
[9] [[CSS]] なら [SAMP(CSS)[[[text-decoration]]]] 特性を利用できます。
[[CSS3]] では [CODE(CSS)[[[text-underline]]]] 特性で HTML
よりもずっと詳細な指定ができます。
下線付きにしたい理由が強調なら、 HTML のマークも、[CODE(HTMLe)[[[em]]]]
要素型や [CODE(HTMLe)[[[strong]]]] 要素型を使うのが適当です。
[13]
下線付きにしたい理由が挿入部分を表すことなら、
[CODE(HTMLe)[[[ins]]]] 要素型を使うのが適当です。
([[名無しさん]] [sage])
[14]
下線付きにしたい理由が [CODE(HTMLa)[[[accesskey]]]] の類の記述なら、
[CODE(HTMLe)[[[kbd]]]] 要素型を検討してください。
([[名無しさん]] [sage])
[15]
下線付きにしたい理由が[[生物]]の[[種]]名など典型的には[[斜体]]にするものの代替表現であるのなら、
[CODE(HTMLe)[[[span]]]] 要素と適切な
[CODE(HTMLa)[[[class]]]] 属性を使って[[マーク]]し、別途 [[CSS]]
でレンダリング方法を指定するのが適切です。
([[名無しさん]] [sage])
[16]
メニューなど[[リンク]]が並んだ場所で、
[[探索]]可能な[[リンク]]とはしないまでも統一性のために[[リンク]]と同じように下線を引きたい場合
([Q[現在の頁]]の項目など) は、
[CODE(HTMLe)[[[a]]]] 要素
([CODE(HTMLa)[[[href]]]] 属性なし)
で[[マーク]]した上で [[CSS]]
の [SAMP(CSS)[[[text-decoration]]]]
で指定するのが適切です。
([[名無しさん]] [sage])
[[#comment]]
** 応用
[4] [CODE(HTMLe)[u]] 要素は、フォント・スタイル要素の一種です。
フォント・スタイル要素のレンダリングは [[UA]]
依存で、仕様書では規定されていませんが、[RUBYB[参考] [informative]]として、
下線付きでレンダリングするとされています。
他のフォント・スタイル要素も含めて入れ子の場合のレンダリングは UA
依存です。 [SRC[HTML 4 15.2.1]]
[12]
他のフォント・スタイル要素型と同様、
内容に[[文字]]以外が含まれている場合の
[Q[典型]]レンダリングは不明です。
仕様上も一般的な理解の上でもどうなるかはわかりません。
* 関連
[5] 多くの[[視覚UA]]
では、 [CODE(HTMLe)[[[a]]]] 要素 (始点アンカー)
の中に [CODE(HTMLe)[u]] 要素があっても、表示上区別がつきません。
(逆の場合は、文字色が異なり区別が付くことが多いです。)
一般に、下線付き文字列はリンクを表すことが多いので、
ウェブ頁のリンク以外の箇所に下線を付けることは好ましくないと考えられています。
* 例
[11]
[PRE(HTML deprecated example code)[
[previous]
]PRE]
出典: [CITE[Document Object Model Load and Save]]
[[#comment]]
* 実利用例
[26] [CITE[Welcome To Softview Computers]], [TIME[2025-06-22T12:47:36.000Z]], [TIME[2003-12-18T20:58:54.972Z]]
[33] >>26 [[メニュー]]の[[アクセスキー]]の表示を文中で再現するために利用
* 歴史
[10]
1993年6月の [[Cello]] 0.1beta (初版) は [CODE(HTMLe)[[[u]]]] を実装しています。
[FIG(data)[ [216] [[HTML要素概説]]
:[F[要素名]]:[CODE[u]]
:日付:[TIME[1994-05-17]]
:説明:
[TIME[1994-05-17]]、
[[HTML DTD]] は、
[CODE[u]]
は[[ハイパーリンク]]の[[下線]]と衝突するため広く対応されていないとして[[任意選択]]に格下げした。
[SRC[HTML19940517]]
]FIG]
** 再誕
[17] [CITE[IRC logs: freenode / #whatwg / 20110215]]
( ([TIME[2011-03-23 00:32:10 +09:00]] 版))
-
[18] [CITE@en[Web Applications 1.0 r6004 10838]]
( ([TIME[2011-04-14 08:50:00 +09:00]] 版))
-- [32]
[CITE@en['''['''acgiow''']''' (1) Add to HTML and WebVTT.]], [[Hixie]], [TIME[2011-04-14 08:50:15 +09:00]], [TIME[2024-09-06T13:16:51.000Z]]
--
[30] [CITE@en[10838 – Make conforming.]], [TIME[2019-04-02T04:48:11.000Z]], [TIME[2022-11-13T05:20:21.320Z]]
[29] [CITE@en[ISSUE-144: should be conforming - HTML Weekly Tracker]], [TIME[2019-10-11T08:01:44.000Z]], [TIME[2022-11-13T05:20:06.775Z]]
[28] [CITE@en[ChangeProposals/UShouldBeConforming - HTML WG Wiki]], [TIME[2022-11-13T00:19:16.000Z]], [TIME[2022-11-13T05:19:45.648Z]]
[27] >>18 ここで [[HTML5]] の新要素として再登場。
旧[[物理要素]]の換骨奪胎シリーズ。
[31]
このときまでに [CODE[i]] と [CODE[b]] は再利用追加されてるのですが
([CODE[i]] に関しては[TIME[西暦1997(平成9)年][1997]]時点で
[[Ian Hickson]] はそうすることを求めてました)、
[[Ian Hickson]] は [CODE[u]] についてはこの段階までずっと反対し続けてたのです。
[FIG(data)[ [216] [[HTML要素概説]]
:[F[要素名]]:[CODE[u]]
:日付:[TIME[2011-04-13]]
:説明:
[TIME[2011-04-13]]、
[CITE[HTML Standard]]
に
[CODE[u]]
が追加された。
新たな意味で再定義された。
:出典:
[REFS[
-
[CITE@en[HTML r6004]],
[DATA(.author)[[[Hixie]]]],
[TIME(.published)[2011-04-14 08:50:15 +09:00]], [TIME[2024-09-06T13:16:51.000Z]]
]REFS]
]FIG]
[19] [CITE[IRC logs: freenode / #whatwg / 20110414]]
( ([TIME[2011-04-16 20:30:22 +09:00]] 版))
[20] [CITE['''['''whatwg''']''' sic element]]
([TIME[2012-01-24 09:18:34 +09:00]] 版)
[21] [CITE[ncsa-mosaic/CHANGES at master · alandipert/ncsa-mosaic]]
( ([TIME[2014-04-07 05:27:09 +09:00]] 版))
[7] [CITE@en[Explain better when to use instead of · whatwg/html@19a59f0]]
([TIME[2015-12-21 11:34:41 +09:00]] 版)
[6] [CITE@en[Fix description of u element in index]]
([[drastus]]著, [TIME[2019-01-25 03:54:16 +09:00]])
[22] [CITE@en[Fix description of u element in index by drastus · Pull Request #4319 · whatwg/html]]
([TIME[2019-06-03 20:27:29 +09:00]])
[23] [CITE@ja[ウ科 - Wikipedia]]
([TIME[2020-04-24 23:04:58 +09:00]])