Edit

Page

Page title:

Page body:

* font 要素, basefont 要素 size 属性 (HTML, XHTML 1)

[9] [[HTML]] の [CODE(HTMLe)[[[font]]]] 要素型および
[CODE(HTMLe)[[[basefont]]]] 要素型の要素の
[DFN[[CODE(HTMLa)[size]] 属性]]は、
文字の大きさを指定します。

[10] 仕様書:
- [[HTML 4]]
-- 15.2.2 Font modifier elements: [CODE(HTMLe)[FONT]] and [CODE(HTMLe)[BASEFONT]]
<IW:HTML4:"present/graphics.html#adef-size-FONT">,
<IW:HTML4:"present/graphics.html#adef-size-BASEFONT">

[[#comment]]

** 代替

[11] この属性は'''[RUBYB[非推奨] [deprecated]]'''です。
代わりに、[[スタイル・シート]]を利用できます。

[12] [[CSS]] なら、 [SAMP(CSS)[[[font-size]]]] 特性で指定できます。

[[#comment]]

** 属性値

[13] この属性の値は、 [[SGML]] 的には [CODE(SGML)[[[CDATA]]]]
です。

値の指定方法は、相対値と絶対値の2種類があります。
絶対値は整数 [CODE(HTML)[1]]〜[CODE(HTML)[7]] で、
相対値は符号 ([CODE(HTML)[+]] または [CODE(HTML)[-]]) 付正負整数です。
[WEAK[(HTML 4 仕様書を良く読むと、絶対値は整数と指定がありますが、相対値は例示だけで厳密に規定されてはいません。)]]

絶対値は固定サイズで、レンダリングは UA 依存です。 UA
には7種類の大きさでレンダリングする義務はありません。 [SRC[HTML 4 15.2.2]]
大きさを変えてレンダリングするなら [CODE(HTML)[1]] 
の方が小さな字という規定くらいあっても良いようなものですが、それすらありません
(レンダリング例はあって、そちらでは [CODE(HTML)[1]]
が小さくなってはいますが)。

相対値は基底フォント・サイズ ([CODE(HTMLe)[basefont]] [CODE(HTMLa)[size]])
に対するもので、 [CODE(HTML)[1]]〜[CODE(HTML)[7]] に収まります。
[SRC[HTML 4 15.2.2]] この範囲になるというのは [Q['''MUST''']]
ではなく、[Q[です]]と断定なので、そうなのでしょう。
基底フォント・サイズが [CODE(HTML)[3]] なのに [CODE(HTMLa)[size]]
が [CODE(HTML)[-4]] らしい例が載っていますから、
HTML 文書の適合性に関わる問題ではないのでしょう。

相対指定は基底フォント・サイズではなく、 [CODE(HTMLe)[font]]
の上位の指定 (なければ [CODE(HTMLe)[basefont]]) に対して解釈する方が妥当であり、
多くの実装はそうなっていると思うのですが、 HTML 4
の規定はあえてでしょうか、ミスでしょうか。

[14] [CODE(HTMLe)[basefont]] 要素では [CODE(HTMLa)[size]]
属性は必須です。ここで [CODE(HTMLa)[size]] 
属性に相対値を指定した場合については規定がありません。

[CODE(HTMLe)[font]] 要素では [CODE(HTMLa)[size]]
属性は省略可能です。

[CODE(HTMLe)[basefont]] 要素が存在しない時の基底フォント・サイズは
[CODE(HTML)[3]] です [SRC[HTML 4 15.2.2]]。

[[#comment]]

** 歴史

[39] [CODE(HTMLe)@en[[[font]]]] [[要素]]と
[CODE(HTMLe)@en[[[basefont]]]] [[要素]]の [CODE(HTMLa)@en[[[size]]]]
[[属性]]は [[HTML 2.0]] の拡張として [[Netscape Navigator]]
が実装しました。 (>>40-41)

;; [CITE[Netscape Navigator Extensions to HTML]] 
<http://web.archive.org/web/20000415023954/http://www.netscape.com/home/services_docs/html-extensions.html>

[40] [CODE(HTMLe)@en[[[font]]]] [[要素]]の
[CODE(HTMLa)@en[[[size]]]] [[属性]]は、[[妥当]]な範囲が
[CODE(HTML)[[[1]]]] から [CODE(HTML)[[[7]]]] までで、
[[既定値]]は [CODE(HTML)[[[3]]]] であるとされていました。
また、先頭に [CODE(HTML)[[[+]]]] か [CODE(HTML)[[[-]]]]
をつけると、[[文書]]の[[既定フォント]]に対する[[相対値]]として解釈されるとされていました。

;; [[相対値]]を使った [CODE(HTMLe)@en[[[font]]]]
の[[入れ子]]については言及されていませんでした。

[41] [CODE(HTMLe)@en[[[basefont]]]] [[要素]]の
[CODE(HTMLa)@en[[[size]]]] [[属性]]は、
[[妥当]]な範囲が [CODE(HTML)[[[1]]]] から [CODE(HTML)[[[7]]]]
までで、[[既定値]]は [CODE(HTML)[[[3]]]] であるとされていました。
この[[要素]]・[[属性]]は[[文書]]の[[既定フォント]]を指定します。
[[相対値]]の [CODE(HTMLe)@en[[[font]]]] [CODE(HTMLa)@en[[[size]]]]
は[[文書]]の[[既定フォント]]に対するものと説明されていました。

[[#comment]]

** 例

[15] 絶対指定の例 [SRC[HTML 4 15.2.2]]
[PRE(HTML)[
size=1
size=2
size=3
size=4
size=5
size=6
size=7
]PRE]

レンダリング例: 
<IW:HTML4:"images/font1.gif">

[16] 相対指定の例
[PRE(HTML)[
size=-4
size=-3
size=-2
size=-1
size=+1
size=+2
size=+3
]PRE]

レンダリング例 (基底フォント・サイズ [CODE(HTML)[3]]): 
<IW:HTML4:"images/font2.gif">

[8] テスト頁
- ''Font decorations CHECK!'' <http://www.kmc.gr.jp/~ranran/browsers/fontstyles.html>

[33] 項目についての説明の部分の大きさを小さ目にする例

[PRE(HTML deprecated example)[
<[CODE(HTMLe)[[[p]]]]>&[[nbsp]];&[[nbsp]];<[CODE(HTMLe)[[[a]]]] [CODE(HTMLa)[[[href]]]]="[CODE(URI)[/intl/ja/help.html]]">検索方法とヘルプ</[CODE(HTMLe)[[[a]]]]><[CODE(HTMLe)[[[br]]]]>
 <[CODE(HTMLe)[[[font]]]] [CODE(HTMLa)[[[size]]]]="-1">&[[nbsp]];&[[nbsp]];基本検索、&[[nbsp]];検索結果の見方</[CODE(HTMLe)[[[font]]]]></[CODE(HTMLe)[[[p]]]]>
]PRE]

出典: [CITE[Google について]] <http://www.google.com/intl/ja/about.html>
(2005年4月現在)

同じ内容の、より好ましい例

[PRE(HTML example)[
<[CODE(HTMLe)[[[dl]]]]>
<[CODE(HTMLe)[[[dt]]]]><[CODE(HTMLe)[[[a]]]] [CODE(HTMLa)[[[href]]]]="[CODE(URI)[/intl/ja/help.html]]">検索方法とヘルプ</[CODE(HTMLe)[[[a]]]]></[CODE(HTMLe)[[[dt]]]]>
 <[CODE(HTMLe)[[[dd]]]]>基本検索、検索結果の見方</[CODE(HTMLe)[[[dd]]]]>
</[CODE(HTMLe)[[[dl]]]]>
]PRE]

適用する[[スタイル・シート]]

[PRE(CSS example)[
[CODE(HTMLe)[[[dl]]]], [CODE(HTMLe)[[[dt]]]], [CODE(HTMLe)[[[dd]]]] {
  [[display]]: [[block]];
  [[margin]]: 0;
  [[border-style]]: [[none]];
  [[padding]]: 0;
}
[CODE(HTMLe)[[[dd]]]] {
  [[font-size]]: [[smaller]];
}
]PRE]

[42] ''最古の例文'' [SRC[>>39]]
[PRE(HTML deprecated example code)[
Surprise! You can change the font size.
]PRE]

[[#comment]]

** メモ

[30]
HTML 4 移行用 DTD の [CODE(HTMLe)[basefont]] 要素型の[[要素型宣言]]の注釈には、
[Q[[CODE(HTMLe)[font]] 要素用基底フォント・サイズ]]と書かれています。
([[名無しさん]] [sage])

[[#comment]]

[64] [CITE[IRC logs: freenode / #whatwg / 20090624]]
([TIME[2009-09-04 07:54:04 +09:00]] 版)
<http://krijnhoetmer.nl/irc-logs/whatwg/20090624#l-358>

[72] [CITE@en[Web Applications 1.0 r7213 Match reality better (apparently).]]
( ([TIME[2012-07-27 08:46:00 +09:00]] 版))
<http://html5.org/tools/web-apps-tracker?from=7212&to=7213>

Historical Legal Sensitive Parent: [Help / License]

Edit

Page

Page name(s)