Hop step XHTML―ホップ ステップ XHTML

Section 17:プレゼンテーションモジュール(2)

 本節では,Section 16 に続いて,プレゼンテーションモジュールを紹介する。ここで紹介するものは,Section 16 のものに比べて,表現が意味を持つものが多く,使う場面もやや多いといえる。

大きな文字:big 要素

 big 要素は,その範囲の語句をひとまわり大きな文字で出力させることを要請する。インライン要素である。入れ子で使用するとふたまわり,それ以上文字を大きくすることができる。

 文字を大きくすることに,強調や見出しなどの意味を含む場合は,この要素の代わりに“見出し”(h1h6 要素)“強調”(em 要素strong 要素など)の意味を含む要素を使用したほうがよい。

内容モデル
(#PCDATA | %Inline.mix;)*
テキストとインライン要素
big 要素の属性
属性名属性値備考
コア属性
style 属性
国際化に関する属性
イベント属性

小さな文字:small 要素

 big 要素が文字を大きくする要素であるのに対して,この small 要素は,文字を小さくすることを要請するインライン要素である。

 注のパラグラフなどを“文字を小さく”して用意したい場合は,class 属性に“note”などの値を持つパラグラフとして用意し,これにスタイルシートで文字を小さくする,という方法(たとえば,p.note { font-size: 90%; })で対応するのがよいだろう。

内容モデル
(#PCDATA | %Inline.mix;)*
テキストとインライン要素
small 要素の属性
属性名属性値備考
コア属性
style 属性
国際化に関する属性
イベント属性

 簡単な例を示しておこう。

<p>Down, <small>down, <small>down.</small></small> Alice went down a big hole. At last, Alice came to Wonderland.</p>

Down, down, down. Alice went down a big hole. At last, Alice came to Wonderland.

上付き文字:sup 要素

 sup 要素は,その範囲の語句を上付きにする。インライン要素である。数学での累乗の指数,化学式の電荷を表すのに使用される。

内容モデル
(#PCDATA | %Inline.mix;)*
テキストとインライン要素
sup 要素の属性
属性名属性値備考
コア属性
style 属性
国際化に関する属性
イベント属性

 簡単な例を示しておこう。

<p>4<sup>4</sup> = 4 &times; 4 &times; 4 &times; 4 = 256</p>

44 = 4 × 4 × 4 × 4 = 256

下付き文字:sub 要素

 sup 要素は,その範囲の語句を下付きにする。インライン要素である。数学での添え字,化学式を表すのに使用される。

内容モデル
(#PCDATA | %Inline.mix;)*
テキストとインライン要素
sub 要素の属性
属性名属性値備考
コア属性
style 属性
国際化に関する属性
イベント属性

 簡単な例を示しておこう。

<p>過マンガン酸イオンは,次のように酸化作用を示す。<br />MnO<sub>4</sub><sup>-</sup> + 8H<sup>+</sup> + 5e<sup>-</sup> → Mn<sup>2+</sup> + 4H<sub>2</sub>O</p>

過マンガン酸イオンは,次のように酸化作用を示す。
MnO4- + 8H+ + 5e- → Mn2+ + 4H2O