Edit

Page

Page title:

Page body:

[1] [[HTML]] の [DFN[[CODE(HTMLe)[small]] 要素型]]の要素は、
[[内容]]を小さな文字で表示するべきものです。

[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
<IW:HTML4:"present/graphics.html#edef-SMALL">

[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

[[#comment]]

* 代替

;;
[8] [[HTML4]] 時代には、
この要素型は'''[RUBYB[非推奨] [deprecated]]'''ではありませんが、
'''[RUBYB[推奨されません] [discouraged]]''' [SRC[HTML 4 15.2]]
でした。

[9] [[CSS]] なら [SAMP(CSS)[[[font-size]]]] 特性を利用できます。

* 意味

[7] [[日本語]]の短い文章ではしばしば[[敬称]]や[[肩書き]]を周りよりもやや小さな文字で表示することがありますが、
これには [CODE(HTMLe)@en[[[small]]]] [[要素]]が適切と思われます。

[EG[
[18] 
[PRE(code HTML)[
<small>前</small>総理大臣 森喜朗<small>氏</small>
]PRE]
]EG]

* 応用

[4] [CODE(HTMLe)[small]] 要素は、フォント・スタイル要素の一種です。
フォント・スタイル要素のレンダリングは [[UA]]
依存で、仕様書では規定されていませんが、[RUBYB[参考] [informative]]として、
大きなフォントでレンダリングするとされています。
他のフォント・スタイル要素も含めて入れ子の場合のレンダリングは UA
依存です。 [SRC[HTML 4 15.2.1]]

[5] 周りより小さく表示するというのを想定しているわけですが、
そのことだけではなく、入れ子にすることによって更に小さくなる
(あるいは [CODE(HTMLe)[[[big]]]] によってそれを打ち消す)
という効果も一切保証されないということです。

[6] [[視覚UA]] では、 [CODE(HTMLe)[[[font]]]] 要素の [CODE(HTMLa)[[[size]]]]
属性による文字の大きさの変化と同じ幅で
([CODE(HTMLe)[big]] や [CODE(HTMLe)[small]] や [CODE(HTMLe)[font]] 
の入れ子を考慮して) 変動するようです。

* メモ

[10] HTML では [CODE(HTMLe)[[[em]]]] や [CODE(HTMLe)[[[strong]]]]
(強調) の反対の意味 ([[弱調]]) を持つ要素型が用意されていません。

そこで、次善の策として [CODE(HTMLe)[[[small]]]]
要素型を流用するのが (著者スタイル・シートに対応していない UA
でも小さく表示してもらえるかもしれないので)
よいとする考えもあります。

(逆に、そのような事情があっても物理要素の乱用に他ならず、
好ましくないと考える人もいます。)

[11]
[CITE[みでぃの日記<1月]] ([[midi]] 著, [CODE[2000-12-25 12:00:57 +09:00]] 版) <http://plaza.harmonix.ne.jp/~midi/diary/ttu01.htm#010701>

[13] [CITE@ja[都道府県の人口一覧 - Wikipedia]]
([TIME[2009-08-22 07:31:29 +09:00]] 版)
<http://ja.wikipedia.org/wiki/%E9%83%BD%E9%81%93%E5%BA%9C%E7%9C%8C%E3%81%AE%E4%BA%BA%E5%8F%A3%E4%B8%80%E8%A6%A7>

[FIG(quote)[
[FIGCAPTION[
[12] ([TIME[2015-04-29 15:25:07 +09:00]] 版)
<http://ja.wikipedia.org/wiki/%E5%88%97%E8%BB%8A%E3%83%9B%E3%83%86%E3%83%AB>
]FIGCAPTION]

> <span style="font-size:smaller;">旧</span>国鉄

]FIG]

[FIG(quote)[
[FIGCAPTION[
[14] [CITE@ja[二次創作について - カクヨムヘルプセンター]]
([TIME[2016-01-01 15:14:48 +09:00]] 版)
<https://kakuyomu.jp/help/entry/fan_fiction_sources>
]FIGCAPTION]

> 
>     <li><a href="http://www.kadokawa.co.jp/privacy/" target="_blank">プライバシーポリシー <i class="icon-newWindow"></i></a></li>
>     <li><small>© <a href="/">カクヨム</a> 2015.</small></li>
>

]FIG]

[FIG(quote)[
[FIGCAPTION[
[15] ([TIME[2016-04-25 13:06:24 +09:00]] 版)
<https://www.fullspeed.co.jp/>
]FIGCAPTION]

]FIG]

[FIG(quote)[
[FIGCAPTION[
[16] [CITE@jp[KinKi Kids オフィシャルサイト / Johnny's Entertainment]]
([TIME[2016-07-13 19:28:02 +09:00]])
<http://je-kinkikids.com/>
]FIGCAPTION]

> </main><footer class="p-common-footer"><div class="c-sharebuttons"><div class="c-sharebutton"><a href="https://twitter.com/share?url=http%3A%2F%2Fje-kinkikids.com%2F&text=KinKi%20Kids%20%e3%82%aa%e3%83%95%e3%82%a3%e3%82%b7%e3%83%a3%e3%83%ab%e3%82%b5%e3%82%a4%e3%83%88%20%2f%20Johnny%27s%20Entertainment" onclick="ga('send', 'event', 'social', 'footer', 'twitter', {'nonInteraction':1});" target="_blank"><img src="http://je-kinkikids.com/wp-content/themes/theme/assets/images/shared/icon/icon_twitter.svg" alt="share twitter"></a></div><div class="c-sharebutton"><a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fje-kinkikids.com%2F" onclick="ga('send', 'event', 'social', 'footer', 'facebook', {'nonInteraction':1});" target="_blank"><img src="http://je-kinkikids.com/wp-content/themes/theme/assets/images/shared/icon/icon_facebook.svg" alt="share facebook"></a></div></div><div class="p-common-footer_bottom"><p class="p-common-footer_link-to-site-policy"><a href="/sitepolicy">SITE POLICY</a></p><p class="p-common-footer_link-to-copylight"><small>Copyright 2016 Johnny's Entertainment Inc. All rights reserved.</small></p></div></footer></div>

]FIG]

[17] [CITE@ja[小書き漢字 - 世界の特殊文字ウィキ]]
([TIME[2017-01-10 00:34:01 +09:00]])
<http://seesaawiki.jp/w/qvarie/d/%be%ae%bd%f1%a4%ad%b4%c1%bb%fa>

[FIG(data)[ [19] [[HTML要素概説]]

:[F[要素名]]:[CODE[small]]
:参照:[CODE[big]]
:参照:[CODE[font]]

]FIG]

Historical Legal Sensitive Parent: [Help / License]

Edit

Page

Page name(s)