small

small 要素 (HTML)

[1] HTMLsmall 要素型の要素は、 内容を小さな文字で表示するべきものです。

[2] 仕様書:

[3]

開始タグ
必須
終了タグ
必須
内容模型
(%inline;)*
出現できる文脈
%inline な文脈
属性
属性名属性値既定値説明出典
class[HTML4] %coreattr
dir書字方向[HTML4] %i18n
id一意識別子[HTML4] %coreattr
lang自然言語[HTML4] %i18n
xml:lang自然言語[XHTML1]
onclick[HTML4] %events
ondblclick[HTML4] %events
onkeydown[HTML4] %events
onkeypress[HTML4] %events
onkeyup[HTML4] %events
onmousedown[HTML4] %events
onmousemove[HTML4] %events
onmouseout[HTML4] %events
onmouseover[HTML4] %events
onmouseup[HTML4] %events
styleスタイル情報[HTML4] %coreattr
title注釈的題[HTML4] %coreattr

代替

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

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

意味

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

[18]

<small>前</small>総理大臣 森喜朗<small>氏</small>

応用

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

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

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

メモ

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

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

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

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

[13] 都道府県の人口一覧 - Wikipedia ( 版) 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

[12] ( 版) http://ja.wikipedia.org/wiki/%E5%88%97%E8%BB%8A%E3%83%9B%E3%83%86%E3%83%AB

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

[14] 二次創作について - カクヨムヘルプセンター ( 版) https://kakuyomu.jp/help/entry/fan_fiction_sources

<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>

[15] ( 版) https://www.fullspeed.co.jp/

<small>&copy; FullSpeed Inc. All Rights Reserved.</small>

[16] KinKi Kids オフィシャルサイト / Johnny's Entertainment () http://je-kinkikids.com/

</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>

[17] 小書き漢字 - 世界の特殊文字ウィキ () http://seesaawiki.jp/w/qvarie/d/%be%ae%bd%f1%a4%ad%b4%c1%bb%fa

[19] HTML要素概説
要素名
small
参照
big
参照
font