HTML4.0の基本

書体の設定

2009年8月6日

書体の設定

フィジカルスタイルとロジカルスタイル

文字スタイルを設定するためのタグを紹介します。

HTMLでは文字スタイルを指定する方法として、「強調せよ」という論理的(ロジカル)に指定する方法と、「太字にせよ」という直接(フィジカル)に指定する方法があります。ロジカルの場合はそれぞれのブラウザでできる範囲の強調を行いますが、フィジカルの場合はブラウザによって表示できない場合があります。

HTMLドキュメントの場合、なるべくロジカルスタイルを用いるべきです。将来的にフィジカルスタイルがHTMLでサポートされなくなる可能性があります。

ロジカルスタイルタグの種類

タグ 語源 見本 説明
<STRONG> Strong 太字 強調文字を作る
<EM> Emphasized Text 斜体 強調文字を作る
<CITE> Citation 斜体 引用文を表す
<VAR> Variable 斜体 変数を表す
<DFN>   斜体 定義文字を表す
<STRIKE> Strikethrough 打ち消し 打ち消し線
<CODE> Computer Code 等幅文字 コンピュータコードを表す
<KBD> Keyboard Entry 等幅文字 キーボードエントリーを表す
<SAMP> Sample Text 等幅文字 コンピュータステーションメッセージ
<SUB> Subscript 下付の文字 サブスクリプトテキスト
<SUP> Superscript 上付きの文 スーパースクリプトテキスト

<STRONG>強調文字を作る</STRONG>
強調文字を作る

<STRONG><EM>強調斜体文字を作る</EM></STRONG>
強調斜体文字を作る

フィジカルスタイルの種類

論理的な指定のかわりに明示的にフォントスタイルを指定する方法もあります。

タグ 語源 見本 説明
<B> Bold 太字 太字で表示
<I> Italic 斜体 斜体で表示
<U> Underline アンダーライン 下線付き文字
<S> Strikethrough 打ち消し 打ち消し線
<TT> Fixed Width Typewriter 等幅文字 タイプライタフォント
<Q> Quote ダブルクォート 文字囲み
<INS> Insert 挿入 挿入文字
<DEL> Delete 削除 削除文字

章(ヘッディング)

<H></H>

H要素は、文章の見出し(Heading)を表すタグです。
ブラウザにもよりますが、H要素を設定した文字はデフォルトで普通の文章よりも大きく太いフォントで表示されます。<H1>が最大 、<H6>が最小です。

H要素の記述は以下のとおりです。

<H1>Head Level 1</H1>
<H2>Head Level 2</H2>
<H3>Head Level 3</H3>
<H4>Head Level 4</H4>
<H5>Head Level 5</H5>
<H6>Head Level 6</H6>

検索エンジンはこのH要素を高く評価します。ページ全体のテーマとなるキーワードは、なるべくH要素の文章に含めるようにしましょう。


アドレス

<ADDRESS></ADDRESS>

<ADDRESS> タグは、HTMLドキュメント内にそのドキュメントの作者が誰であるか、そしてその連絡先(メールアドレス)を示すのに使用されます。

<ADDRESS>
HTML入門 / Foo Corporation / webadmin@foo.co.jp
</ADDRESS>
ブラウザ表示
HTML入門 / Foo Corporation / webadmin@foo.co.jp

フォントの大きさを指定

<BIG>,<SMALL>

フォントの大きさを指定するタグとして、フォントサイズを大きくする<BIG>タグと、フォントサイズを小さくする<SMALL>タグがあります。なお、<BIG>、<SMALL>タグは入れ子にすることが可能です。

<BIG>Big Font</BIG>
<SMALL>small font</SMALL>
<BIG>Big <SMALL>BIG </SMALL> Font</BIG>

Comment

コメントを残す

メールアドレスが公開されることはありません。

関連記事

リズムファクトリーはホームページの制作会社です。
ホームページ制作に関するご要望・ご相談はこちらからどうぞ。