字体
HTMLでは字体を指定する方法として、論理的に指定する方法と、実際の字体で指定する2通りの方法があります。前者はその文字の文書的な意味を指定し、後者はその文字の字体フォントスタイルで指定します。
論理的字体
同じタグを使った場合、ブラウザによって表示は必ずしも同じではありません。代表的なブラウザで比較してみると以下のとおりです。
タグ Mosaic NS MSIE LynX <cite> italic italic italic monospace <code> monospace
monospace
monospace
monospace
<dfn> n/a n/a italic n/a <em> italic italic italic monospace <kbd> italic monospace monospace bold monospace <samp> monospace monospace monospace monospace <strong> bold bold bold monospace <var> italic italic monospace monospace NS:ネットスケープ MSIE:インターネット・エクスプローラ
HTML3.0からは、これらの論理フォントがどのようなフォント、色、大きさを使用するのか、スタイルシートで指定できるようになりました。フォント字体
論理的な指定の代わり明示的にフォントを指定する場合のタグは以下のとおりで、それぞれ開始タグと終了タグを持っています。
<b>: ボールド体(太文字) bold text 太文字 <i>: イタリック体(斜体文字) italic text 斜体文字 <tt>: タイプライター文字 typewriter text タイプライター文字 <u>: アンダーライン(下線付文字) underlined text 下線付文字 <strike>または<s>: 取消文字 strike through取消文字<ins>: 挿入文字 insert 挿入文字 <del>: 削除文字 delete削除文字
HTML0.3をサポートするブラウザArenaを使った場合の表示
<u>や<s>はHTML3.0のタグであるため、ブラウザによってはサポートしていない場合があります。また、フォント字体は入れ子(複合フォント)にすることもできますが、やはりブラウザによってはサポートしていない場合があります。
<b><i>This is bold and italic<i><b>This is bold and italic
肩付、下付文字
HTML3.0からは肩付文字タグ(<sup>〜</sup>)および下付文字タグ(<sub>〜</sub>)が使用できます。S<sup>superscript</sup> S<sub>subscript</sub> 上<sop>肩付文字</sup> 下<sub>下付文字</sub>SsuperscriptSsubscript
上肩付文字
下下付文字
以上をまとめると下表のようになります。
タグ Mosaic NS MSIE Arena <b> ○ ○ ○ ○ <i> ○ ○ ○ ○ <tt> ○ ○ ○ ○ <u> ○ ○ ○ ○ <strike> × ○ × × <s> × × ○ ○ <sup> ○ ○ ○ ○ <sub> ○ ○ ○ ○ 複合フォント × ○ ○ − NS:ネットスケープ MSIE:インターネット・エクスプローラ
スパン文字
前述のスタイルシートで文字に背景色を付ける場合の指定は下記のとおりです。
<span style="background: #fff000">背景色付文字</span> <span style="color: #008040">スパン文字</span>背景色付文字スパン文字
ダブルクォート文字
HTML3.0からは<q>タグで囲まれたテキストをダブルクォートで囲む("〜")機能が付加されました、ただし、このタグはまだArenaなど一部のブラウザしかサポートしていません。<q>この部分がダブルクォートで囲まれます。</q>この部分がダブルクォートで囲まれます。