文書作成のはじめに

HTML文書を作成する際に必要な情報です。本体（body要素）に対する記述に関してはHTMLリファレンスを参照してください。

詳細目次

HTMLバージョン情報
文書ルート

ヘッダ情報

基準となるURI
メタ情報
連鎖情報
見栄えの定義
タイトル

本体

HTMLバージョン情報

まず書き始めにその文書のバージョン情報を宣言しておかなければなりません。

ユーザーエージェントはその情報を元に描画を行います（無視するものもあるようですが）。

HTML 4.01厳密型ドキュメントタイプ宣言は、1行目に以下のように記述して下さい。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">

余談ですが、他のバージョンは以下の通りです。

HTML 4.01 Transitional DTD

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01移行型ドキュメントタイプ宣言です。HTML 4.01厳密型ドキュメントタイプ宣言の全ての要素に加え、非推奨要素、非推奨属性などが使用可能です。

HTML 4.01 Frameset DTD

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

HTML 4.01フレームセット型ドキュメントタイプ宣言です。HTML 4.01移行型ドキュメントタイプ宣言の全ての要素に加え、フレームセット用の要素が使用可能です。

簡単に説明すると、はじめにHTMLバージョン情報を宣言し、HTMLルートエレメントの中にヘッダ情報と本体が存在する形になるという形式になります。

文書ルート

html要素（document root element）
種類	内容
ルートエレメント	head要素、body要素

HTML文書をhtml要素でマークアップします。この中にヘッダ情報と本体を記述することが可能です。文書全体の言語指定はlang属性を用います。

言語指定（lang属性）

文書全体の言語を指定します。日本語の場合は以下のようになります。

指定をしないと、言語コードは「UNKNOWN」となりますので指定しておきましょう。

ヘッダ情報（head要素）

head要素（document head）
種類	内容
html要素の子要素	meta要素

head要素は、文書のヘッダ情報を記述する要素です。

head要素の子要素としてヘッダ情報を記述します。

文書の基準となるURI（base要素）

base要素（base URI）
種類	内容
head要素の子要素	空要素

href属性を用いて絶対URIを記述することにより、以降に出現する相対URIの解釈を行わせることが可能です。

href属性

文書の基準となる絶対URIを記述します。

となっている場合は、そのファイルがどこに存在していても、http://www.rju666.com/index.htmlを基準として相対URIが解釈されます。

同文書内に上記のような記述があった場合は、http://www.rju666.com/about.htmlと解釈されるわけです。

link要素やstyle要素よりも前に出現した場合、相対URIの記述の解釈ができなくなってしまうのでその前に出現するようにして下さい。

この要素を用いない場合は実際のURIが、基準となるURIとして用いられます。

メタ情報（meta要素）

meta要素（meta data）
種類	内容
head要素の子要素	空要素

http-equiv属性と、name属性を用いて文書の情報を記述します。

meta要素には標準となるものがありませんので制作者が好みで定義することができます。以下は例です。

http-equiv属性

content属性とセットで用い、HTTP応答ヘッダに情報を記述させます。

http-equiv属性の種類とcontent属性の中身は以下のようなものがあります。

Content-Type

文書そのものの種類を記述します。

上記の例の場合、文書のタイプがtext/HTMLであることを表し、文字コードがShift_JISであることを表しています。文字コードを指定する前に日本語が出現することはできませんので最初の方に記述しておくといいでしょう。

文字コードとmeta要素の記述例
コード	meta要素の記述例
Shift_JIS	<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
ISO-2022-JP	<meta http-equiv="Content-Type" content="text/html; charset=ISO-2022-JP">
EUC-JP	<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP">
UTF-8	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

Content-script-type

文書内に現れるスクリプト言語の種類を記述します。

上記の例の場合、スクリプト言語のタイプがtext/javascriptであることを表しています。

ページ内にjavascriptを用いる場合には必ず記述しましょう。

Content-Style-Type

文書内に現れるスタイル言語の種類を記述します。

上記の例の場合、スタイル言語のタイプがtext/cssであることを表しています。

ページにスタイルシートを用いる場合には必ず記述しましょう。

Expires

文書の期限切れの日付を記述します。

上記の例の場合、1999年2月6日午後2時25分48秒に文書の期限が切れたことを表します。

Refresh

秒数と、移動先URIを記述します。指定した秒数の後に移動先URIに移動します。

上記の例の場合、12秒後にhttp://www.rju666.com/にページが切り替わります。

ただし、Refreshに対応していないユーザーエージェントも存在しますので、他の方法（a要素など）での移動方法も用意しておくべきでしょう。

name属性

content属性とセットで用い、特性の名前を与えます。

name属性の種類とcontent属性の中身は以下のようなものがあります。

author

制作者の名前を記述します。

keywords

検索エンジンに利用するキーワードを記述します。「,（半角カンマ）」で区切って複数指定することが可能です。

検索エンジンによってはこの文字列を無視する場合があります。

description

検索エンジンの検索結果で表示される文字列を記述します。

検索エンジンによってはこの文字列を無視する場合があります。

generator

HTMLファイルの作成に用いたアプリケーションの名称を記述します。

連鎖情報（link要素）

link要素（link）
種類	内容
head要素の子要素	空要素

rel属性とhref属性を用いて他の文書との関連性を記述します。

また、rev属性を用いて他の文書からの関連性を記述することも可能です。

rel属性

他の文書との関連性を記述します。

上記の例の場合、この文書からみて一階層上のindex.htmlが索引であることを示しています。

関連内容とrel属性値
関連内容	rel属性値
開始ページ	start
次のページ	next
前のページ	prev
目次ページ	contents
索引ページ	index
用語集ページ	glossary
章	chapter
節	section
小節	subsection
付録ページ	appendix
ヘルプページ	help
スタイルシート	stylesheet

rev属性

他の文書からの関連性を記述します。

上記の例の場合、rju@rju666.comというメールアドレスは、この文書制作者の情報であることを示しています。

見栄えの定義（style要素）

style要素はページ内の要素の見栄えとなるスタイルシートを定義します。

style要素（style information）
種類	内容
head要素の子要素	スタイルシート

type属性を用いてスタイルシートのスタイル言語の種類を指定します。

type属性

type属性はスタイルシートのスタイル言語の種類を指定します。

内容は、スタイルシートを記述します。

style要素を無視してしまうユーザーエージェントもあるようです。

でコメント扱いにしておくと、有効なユーザーエージェントではスタイルシートとして、無効なユーザーエージェントに対してはコメントとして振舞うようにできます。

タイトル（title要素）

title要素（title）
種類	内容
head要素の子要素	テキスト

文書のタイトルを記述します。

<title>サイト作成における問題</title>

ブラウザのタイトルバーに表示されたり、ブックマーク時のタイトルや検索エンジンでの検索結果表示などに用いられると思われます。

本体（body要素）

body要素（document body）
種類	内容
html要素の子要素	body要素の子要素

本体部分です。HTMLリファレンスに記載されている要素が利用可能です。詳細はHTMLリファレンスを参照してください。

2003.11.10
writer:Rju
BBS:サイト作成関連BBS

参照

2003.11.23　見栄えの定義追記。
2003.11.11　メタ情報（meta要素）、連鎖情報（link要素）、タイトル（title要素）追記。