リスト HTMLのベーシック目次 フォント

字体

HTMLでは字体を指定する方法として、論理的に指定する方法と、実際の字体で指定する2通りの方法があります。前者はその文字の文書的な意味を指定し、後者はその文字の字体フォントスタイルで指定します。

論理的字体

<em></em>: 文字の強調を意味します。ブラウザ(閲覧ソフト)上はイタリック体(斜体)で表示されます。たとえば、 
	
	
	Don't <em>smoke</em> here.
	
	
  Don't smoke here.
<strong></strong><em>よりも、さらに強調したい場合に用います。ブラウザ上はボールド体(太文字)で表示されます。 
	
	
	Don't <strong>smoke</strong> here.
	
	
  Don't smoke here.
<code></code>: タイプライタ・フォントのような等幅文字で表示されます。 
	
	
	<code>#include &lt;stdio.h&gt;</code>
	
	
  #include <stdio.h>
<samp></samp>:テキスト例で用いられ、表示は<code>と同じです。 
	
	
	The URL is <samp>http://www.saizensen.com/</samp>
	
	
  The URL is http://www.cybersaizensen.com/
<kbd></kbd>:読者が入力したテキストなどに用いられます。 
	
	
	Command: <kbd>patch -p <patchfile</kbd>
	
	
  Command: patch -p <patchfile
<var></var>:変数名などに用いられます。ブラウザ上はイタリック体かアンダーライン(下線付)で表示されます。 
	
	
	<code>chown</code> <var>user-id</var>
	
	
  chown user-id
<dfn></dfn>:単語のハイライトまたは定義文字などに用いられます。 
	
	
	<dfn>format style</dfn>
	
	
  format style
<cite></cite>:引用に用いられます。 
	
	
	LaTeX books <cite>(Lamport 1994)</cite>
	
	
  LaTeX books (Lamport 1994)

同じタグを使った場合、ブラウザによって表示は必ずしも同じではありません。代表的なブラウザで比較してみると以下のとおりです。

タグMosaicNSMSIELynX
<cite>italicitalicitalicmonospace
<code>monospacemonospacemonospacemonospace
<dfn>n/an/aitalicn/a
<em>italicitalicitalicmonospace
<kbd>italicmonospacemonospace boldmonospace
<samp>monospacemonospacemonospacemonospace
<strong>boldboldboldmonospace
<var>italicitalicmonospacemonospace
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>
	
	
Ssuperscript

Ssubscript

肩付文字

下付文字


以上をまとめると下表のようになります。

タグMosaicNSMSIEArena
<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>
	
	
この部分がダブルクォートで囲まれます。



Copyright (C) 1996-2003 by Yasukazu Yokoi. All Rights Reserved.