[4] 多くの[RUBY[[[用字系]]] [[[スクリプト]]]]では、
適当な[[レンダリング]]のために[[上付き]]文字、
[[下付き]]文字が必要です。 [[HTML]] の
[DFN[[CODE(HTMLe)[sub]] 要素]]は、そのような下付き文字列を表します
[SRC[HTML 4]]。

* 仕様書

[REFS[
- [33] [CITE@en-US-x-hixie[HTML Standard]] ([TIME[2016-11-21 08:12:17 +09:00]]) <https://html.spec.whatwg.org/#the-sub-and-sup-elements>
]REFS]

* 意味

[40] [RUBYB[[[下付き]]]@en[subscript]]を[[表します][意味]] [SRC[>>33]]。

[22] [[要素名]]の [CODE[sup]] は、 [[subscript]] ([[下付き]]) に由来します。

[24] 特定の意味を持った[RUBYB[印刷上の慣習]@en[typographical conventions]]でのみ使わなければ[MUST[ならず]]、
見た目を整えるためだけに使っては[MUST[なりません]]。
一般に、[[要素]]が無かったとしたら意味が変わってしまうような場合のみ、
使う[SHOULD[べき]]です。 [SRC[>>33]]

[EG[
[56] [[数式]]に使うことができます。 [SRC[>>33]]
[PRE(HTML code)[
<p>The coordinate of the <var>i</var>th point is
(<var>x<sub><var>i</var></sub></var>, <var>y<sub><var>i</var></sub></var>).
For example, the 10th point has coordinate
(<var>x<sub>10</sub></var>, <var>y<sub>10</sub></var>).</p>
]PRE]

[25] [[変数]]に[[添字]]が含まれる時、 [CODE(HTMLe)@en[var]] [[要素]]に
[CODE(HTMLe)@en[sub]] [[要素]]を入れてこれを表すことができます。 [SRC[>>33]]

;; [[MathML]] を使う[RUBYB[べき]@en[[[encourage]]]]ですが、
それほどのものでもなければ [CODE(HTMLe)@en[sub]] を使えます。 [SRC[>>33]]
]EG]

[EG[
[55] [[LaTeX]] の[[ロゴ]]の表現に使うのは不適切です。 [SRC[>>33]]
]EG]

* 分類

[34] [[フロー内容]]、[[語句内容]]、[[触知可能内容]]です [SRC[>>33]]。

* 文脈

[35] [[語句内容]]を使える場所に置くことができます [SRC[>>33]]。

* タグ

[6] [[開始タグ]]、[[終了タグ]]とも[[必須]]です [SRC[>>33]]。

* 属性

[23] 
[FIG(short list)[
- [[大域属性]]
]FIG]

* 内容

[36] [[語句内容]]を[[内容]]とすることができます [SRC[>>33]]。

* DOM インターフェイス

[41] [[要素インターフェイス]]は、 [CODE(DOMi)@en[HTMLElement]] です。 [SRC[>>33]]

* 例

[3]

> [SAMP(HTML)[H<[CODE(HTMLe)[sub]]>2</[CODE(HTMLe)[sub]]>O]]

HTML 4 仕様書に載っていた例です。

[HISTORY[
[27] [[HTML4]] の説明は曖昧で自己矛盾的でした:

[26] これが[Q[フランス語]]だとは思えませんが[AA[:)]]

(数学用字系, 化学用字系なんてのを考えれば、まあ、許容範囲でしょうか。
[CODE(HTMLe)[sub]] 要素型の本来想定されていた適用対象の1つでもありますし。)
]HISTORY]

[8] イオン式の例
[PRE(HTML example code)[
SO<sub>4</sub><sup>2−</sup>
]PRE]

[9] [[原子番号]]を記した例
[PRE(HTML example code)[
<sub>10</sub>Ne
]PRE]

[7] 変数の添え字の例
[PRE(HTML example code)[
<var>a<sub>1</sub></var>,
<var>a<sub>2</sub></var>,
...,
<var>a<sub><var>n</var></sub></var>
]PRE]

変数の[RUBYB[添え字] [subscript]]に [CODE(HTMLe)[sub]]
を使った例です。添え字も含めて1つの変数なので、
[CODE(HTMLe)[sub]] も [CODE(HTMLe)[[[var]]]]
要素の中に含めています。添え字も変数である時には
[CODE(HTMLe)[sub]] の中で [CODE(HTMLe)[[[var]]]]
を使っています。

[10]
[[数式]]や[[化学式]]の類は [[MathML]]
などの専用の[[マーク付け言語]]を使うのが望ましいですが、
文章中に少しだけ簡単な式が出てくる程度の時には、
>>3-9 の例のように [CODE(HTMLe)[[[sub]]]] や [CODE(HTMLe)[[[sup]]]]
などを使って[[マーク]]してもよいと思われます。

[HISTORY[
[11] アイヌ語用小書き片仮名の例
[PRE(HTML deprecated example code)[
イランカラ<sub>プ</sub>テ
]PRE]

これは[[アイヌ語]]の挨拶の1つですが、[[母音]]が無い [Q[r]]
の音を[[片仮名]]では[[小書き]]の[Q[[[プ]]]]
([CODE(charname)[[[KATAKANA LETTER AINU P]]]]) で表しています。
単独で[[符号化]]されていない[[小書き]]版の[[文字]]を表すのに
[CODE(HTMLe)[sub]] は有用です。
(この目的に [CODE(HTMLe)[[[small]]]] を使う人もいるようですが、
>>4 の通り [CODE(HTMLe)[[[sub]]]] が適当です。)

但し、この例の[Q[[SUB[プ]]]]も含めて、
よく使われる[[小書き]]の[[片仮名]]は既に [[UCS]]
に含まれています。先の例は
[PRE(HTML example code)[
イランカラ&#x31F7;&#x309A;テ
]PRE]

とできます。 
(もちろん[[十六進数文字参照]]の代わりに[[文字]]そのものでも構いません。)
([CODE(charname)[[[KATAKANA LETTER AINU P]]]] は [[UCS]] 
で2文字の[[合成]]として扱われますが、他の文字、例えば 
[CODE(charname)[[[KATAKANA LETTER AINU K]]]] なら1文字だけです。
また、 [[JIS X 0213]] では [CODE(charname)[[[KATAKANA LETTER AINU P]]]]
も1文字扱いになっています。)
]HISTORY]

[HISTORY[
[12] ロゴ・マーク的なものに含まれる下付き文字の例
[PRE(bad HTML example code)[
L<sup>A</sup>T<sub>E</sub>X
]PRE]

[[LaTeX]] は正式には [Q[A]] を少し上に、 [Q[E]]
を少し下に書くことになっています。

但し、これは >>4 の本来の [CODE(HTMLe)[sub]] の semantics
からは外れた presentational なものです。ですから、
[[HTML]] の[[マーク]]ではなく[[スタイル言語]]などで記述するべきです。
[[SVG]] で[[文字列]]でもある[[ベクトル画像]]として埋込むのがよいかもしれません。
[WEAK[(このように[[文字]]に基づいたロゴの類 (が普通の文章にも登場すること) 日常的に存在する例ですから、より手軽に扱える方法が取り入れられることが期待されます。)]]
]HISTORY]

* 関連

[13] 対になる[CODE(HTMLe)@en[[[sup]]]][[要素型]]があります。

[14] 相当する[[表示]]のための[[CSS]]
[CODE(CSS)@en[[[vertical-align]]]][[特性値]]として[CODE(CSS)@en[[[sub]]]]があります。

[15] 同じ目的の[[数式]]用の[CODE(XMLe)@en[[[msub]]]][[要素型]]があります。ただし、[CODE(HTMLe)@en[[[sub]]]]とは異なり、[[下付き]]が附属する対象も含めて明示する構造が採用されています。

* 歴史

[16]
[[Classic Mozilla]] は [CODE(HTMLe)@en[[[sub]]]] の[[終了タグ]]''だけ''があるとそれ以降の文字が[[上付き]]になりました。
(大きさはそのまま。)

;; [[Netscape Navigator]] 4.8 で確認。
<http://suika.suikawiki.org/~wakaba/-temp/test/html/phrase/non-sub-2.html>

** HTML4

[REFS[
- [5] [[HTML 4]] <https://www.w3.org/TR/html4/struct/text.html#edef-SUB>
]REFS]

[21] [CODE[%inline;]] を[[内容]]とできると規定されていました。

** HTML もどき

[53] 
[[DTBook]] にもあります。

- [54] [CITE@en-US[DAISY ANSI/NISO Z39.86-2002 - The DAISY Consortium]], [TIME[2023-11-26T04:45:46.000Z]] <https://daisy.org/info-help/document-archive/archived-projects/daisy-ansi-niso-z39-86-2002-archived/>


* メモ

[1] 〈[[和訳]]〉 [[部分]], [[副]], [[小]], [[亜]]。

[17] [CITE@ja[日本語組版処理の要件(日本語版)]]
( ([[Japanese Layout Task Force]] 著, [TIME[2012-03-23 20:19:12 +09:00]] 版))
<http://www.w3.org/TR/jlreq/ja/#superscripts_and_superscripts>

[18] [CITE@ja[日本語組版処理の要件(日本語版)]]
( ([[Japanese Layout Task Force]] 著, [TIME[2012-03-23 20:19:12 +09:00]] 版))
<http://www.w3.org/TR/jlreq/ja/#term.subscript>

[19] [CITE[ncsa-mosaic/CHANGES at master · alandipert/ncsa-mosaic]]
( ([TIME[2014-04-07 05:26:24 +09:00]] 版))
<https://github.com/alandipert/ncsa-mosaic/blob/master/CHANGES#L57>

[20] [CITE[Welcome to Netscape Navigator Version 2.0]]
( ([TIME[2014-04-07 08:49:57 +09:00]] 版))
<http://web.archive.org/web/20030202175634/http://wp.netscape.com/eng/mozilla/2.0/relnotes/windows-2.0.html#Images>

[FIG(quote)[
[FIGCAPTION[
[2] [CITE[DoodlePage Page.8 (jp)]]
([TIME[2015-08-23 02:53:23 +09:00]])
<http://userweb.alles.or.jp/sfujita/jpn/doodle8.htm#2000-0228>
]FIGCAPTION]

> '''['''2000-02-28''']''' IE5のバグ、もう一つ発見	
> 何
> 気なく、プリンタに関して記述した自分のページ「フルカラー印刷に必要な画素サイズ(解像度)」を眺めていたら、MSIE 5.0のレンダリングに異常がある事を見つけてしまいました。
> <sub>7</sub>H<sub>2n<sup>2</sup></sub> = 2<sup>24</sup>
> と書いた下付き文字の上付き文字は、本来下図の左のように見えなくては行けません。MSIE 3.02やNN 3.03ではそのように正しく表示されていました。
> しかし、MSIE 5.0では下図の右のように、下付き文字の上付き文字が反映されていません。これでは、正しくHTMLを記述しても意図が読み取ってもらえません。

]FIG]


[28] [CITE@ja[発音表記用小書き漢字 - 世界の特殊文字ウィキ]]
([TIME[2017-01-10 00:33:55 +09:00]])
<http://seesaawiki.jp/w/qvarie/d/%c8%af%b2%bb%c9%bd%b5%ad%cd%d1%be%ae%bd%f1%a4%ad%b4%c1%bb%fa>

[FIG(quote)[
[FIGCAPTION[
[29] [CITE@ja[草薙剣盗難事件 - Wikipedia]]
([TIME[2017-03-26 00:17:29 +09:00]])
<https://ja.wikipedia.org/wiki/%E8%8D%89%E8%96%99%E5%89%A3%E7%9B%97%E9%9B%A3%E4%BA%8B%E4%BB%B6>
]FIGCAPTION]

> 和銅元年(708年)<sub>ママ</sub>に

]FIG]


[FIG(quote)[
[FIGCAPTION[
[30] [CITE@ja[天叢雲剣 - Wikipedia]]
([TIME[2017-03-31 20:47:59 +09:00]])
<https://ja.wikipedia.org/wiki/%E5%A4%A9%E5%8F%A2%E9%9B%B2%E5%89%A3>
]FIGCAPTION]

> 「慎莫<sub>レ</sub>怠也(慎んで怠ることなかれ)」

]FIG]


[FIG(quote)[
[FIGCAPTION[
[31] ([TIME[2014-08-09 23:32:34 +09:00]])
<http://base1.nijl.ac.jp/~kojiruien/saijibu/frame/f000184.html>
]FIGCAPTION]

> <div id="VNH">長和元年十二月廿五日戊子、詔改<span id="small">レ</span>元爲<span id="small">二</span>長和元年<span id="small">一</span>、依<span id="small">二</span>天祚改<span id="small">一</span>也、<br /><br /></div>

]FIG]

[32] 
[[児化]]

[FIG(quote)[
[FIGCAPTION[
[37] [CITE@ja[大連語 - Wikipedia]]
([TIME[2017-06-20 17:49:11 +09:00]])
<https://ja.wikipedia.org/wiki/%E5%A4%A7%E9%80%A3%E8%AA%9E#.E6.97.A7.E5.BC.8F.E9.9F.B3.E7.AF.80.E6.96.87.E5.AD.97.E8.A1.A8>
]FIGCAPTION]

> <li>ai=a+i(吖<sub>乙</sub>)、ei=e+i(厄<sub>乙</sub>)、uai=u+ai(五<sub>吖乙</sub>)、ui=u+ei(五<sub>厄乙</sub>)、ie=i+ê(乙<sub>欸</sub>)、<br />
> ao=a+u(吖<sub>五</sub>)、ou=e+u(厄<sub>五</sub>)、iao=i+au(乙<sub>吖五</sub>)、iu=i+eu(乙<sub>厄五</sub>)、üe=ü+oe(于<sub>月</sub>)、<br />
> an=a+n(吖<sub>嗯</sub>)、en=e+n(厄<sub>嗯</sub>)、in=i+n(乙<sub>嗯</sub>)、un=u+n(五<sub>嗯</sub>)、ün=ü+n(于<sub>嗯</sub>)、<br />
> ang=a+ng(吖<sub>兀</sub>)、eng=e+ng(厄<sub>兀</sub>)、ing=i+ng(乙<sub>兀</sub>)、ong=u+ng(五<sub>兀</sub>)、iong=ü+ng(于<sub>兀</sub>)。</li>
> 

]FIG]


[FIG(quote)[
[FIGCAPTION[
[38] [CITE@ja[大連語 - Wikipedia]]
([TIME[2017-06-20 17:49:11 +09:00]])
<https://ja.wikipedia.org/wiki/%E5%A4%A7%E9%80%A3%E8%AA%9E#.E5.9F.BA.E6.9C.AC.E6.AF.8D.E9.9F.B3>
]FIGCAPTION]

> <td bgcolor="#FFCCCC"><b>i</b><sub>o</sub><b>u</b><br />
> <span class="IPA" style="font-size: 103%;">[ iǫʊ ]</span></td>

]FIG]


[FIG(quote)[
[FIGCAPTION[
[39] [CITE[地部/地總載 - Kojiruien]]
([TIME[2017-10-03 18:38:18 +09:00]])
<http://ys.nichibun.ac.jp/kojiruien/index.php?%E5%9C%B0%E9%83%A8/%E5%9C%B0%E7%B8%BD%E8%BC%89>
]FIGCAPTION]

> 古老曰、〈◯中略〉其處所<span style="font-size:8px;display:inline-block;line-height:130%;text-indent:0px">レ</span>有、天之大神社、坂戸社、沼尾社、合<span style="font-size:8px;display:inline-block;line-height:130%;text-indent:0px">二</span>三處<span style="font-size:8px;display:inline-block;line-height:130%;text-indent:0px">一</span>總稱<span style="font-size:8px;display:inline-block;line-height:130%;text-indent:0px">二</span>香島之大神<span style="font-size:8px;display:inline-block;line-height:130%;text-indent:0px">一</span>、因名<span style="font-size:8px;display:inline-block;line-height:130%;text-indent:0px">レ</span>郡焉、

]FIG]


[42] [CITE@ja[興和 - Wikipedia]]
([TIME[2017-11-26 08:31:04 +09:00]])
<https://ja.wikipedia.org/wiki/%E8%88%88%E5%92%8C>

[43] [CITE@ja[興和 -Kowa- 製品サイト]] ([TIME[2017-12-08 02:43:17 +09:00]]) <http://hc.kowa.co.jp/>

[44] 実際の製品では[[下付き]]のように[[表示]]されています。 [[Wikipedia]]
では [CODE[style="font-family:sans-serif;font-size:x-small;color:black;background-color:transparent;;"]] が使われています。 公式サイトでは[[半角カナ]]が使われています。
[TIME[2017-12-07T17:44:27.500Z]]

[45] [CITE@ja[予想紙 - Wikipedia]]
([TIME[2017-12-18 15:36:53 +09:00]])
<https://ja.wikipedia.org/wiki/%E4%BA%88%E6%83%B3%E7%B4%99#予想印>

[46] [CITE@en[<sub> and <sup> in ATK / issue #121]]
([[jasonkiss]]著, [TIME[2018-02-07 06:13:53 +09:00]])
<https://github.com/w3c/html-aam/commit/2b72311f6eb103df98f24c5a7137504f71edce1b>

[47] [CITE@en[The sub and sup elements should be mapped for ATK · Issue #121 · w3c/html-aam]]
([TIME[2018-02-07 13:30:04 +09:00]])
<https://github.com/w3c/html-aam/issues/121>

[FIG(quote)[
[FIGCAPTION[
[48] [CITE@ja[踊り字 - Wikipedia]]
([TIME[2018-02-28 01:12:28 +09:00]])
<https://ja.wikipedia.org/wiki/%E8%B8%8A%E3%82%8A%E5%AD%97>
]FIGCAPTION]

> 殷の金文では、小さい「=」を用いて「子子孫孫」を「子[SUB[=]]孫[SUB[=]]」と書いた。

]FIG]


[FIG(quote)[
[FIGCAPTION[
[49] [CITE@ja[踊り字 - Wikipedia]]
([TIME[2018-02-28 01:12:28 +09:00]])
<https://ja.wikipedia.org/wiki/%E8%B8%8A%E3%82%8A%E5%AD%97>
]FIGCAPTION]

> 各(おのおの)	→	各[SUB[〻]]
> 

]FIG]


[50] [CITE@en[<sub> and <sup> in ATK / issue #121]]
([[jasonkiss]]著, [TIME[2018-02-07 06:13:53 +09:00]])
<https://github.com/w3c/html-aam/commit/2b72311f6eb103df98f24c5a7137504f71edce1b>

[51] [CITE@en[The sub and sup elements should be mapped for ATK · Issue #121 · w3c/html-aam]]
([TIME[2018-05-08 21:19:43 +09:00]])
<https://github.com/w3c/html-aam/issues/121>

[FIG(quote)[
[FIGCAPTION[
[52] [CITE@ja[N88-BASIC - Wikipedia]]
([TIME[2020-10-11T07:32:05.000Z]], [TIME[2020-10-25T07:32:16.022Z]])
<https://ja.wikipedia.org/wiki/N88-BASIC>
]FIGCAPTION]

> ロゴやマニュアル上では「N88-BASIC」と「88」を小さく書いており、これは各種バリエーションにおいても同様である。

]FIG]