HTMLバリエーション（strict、transitional、frameset）

HTMLファイルを有効なものにするためにはHTML-DTD（DTD = document type definition、文書型定義）という規則に合っていなければなりません。

この規則はどの要素を使用してもいいか、要素を入れ子式に並べる時はどのようにするか、どの属性がどの要素に使えるか、どういった値の指示がどの属性に許されているかなどを規定しています。

HTML4.0と4.01には3種類のHTML-DTDがあります。ここではバリエーションと呼びます。

バリエーション strict

strict というバリエーションはW3Cから「こちらの方がいい」と推薦されたバリエーションです。非常に簡素な HTMLのみが許されています。このバリエーションはテキストの書式設定や視覚的効果に関連する多くの要素と属性が欠けています。ここで欠けているものはカスケード・スタイルシート（CSS） を使って補います。

バリエーションstrictのもう1つの特徴は<body>と</body>の間にある内容をすべてブロックレベル要素 の中に書かなければならないという点です。バリエーション strict は書式設定に関する内容を厳密にスタイルシートだけに任せてWebサイトを新しく製作したいような場合に適しています。個々の項目に関しては以下の一覧表下へstrictで使えない要素と属性を参照してください。バリエーション strict を HTML4.01と合わせて使用するためにはHTMLファイルの最初に以下の記述をしてください。

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

バリエーション transitional

transitionalというバリエーションはW3CがHTML3.2の定義で犯した過去の間違いを考慮し、また各種のフィーチャーがかなり普及しているという事実を考慮して作った妥協策です。

バリエーション transitionalでは「認めない」とされている strict では使えない各種の要素と属性の使用が可能です。

HTMLで好まれている要素font や、よく使われる属性align= 、bgclor= などがあります。

バリエーション transitional では <body> と</body> の間にテキストだけを書きこんだりページインライン要素 を入れることができます。

バリエーション transitional は特に現在すでに存在するWebサイトに向いています。これを使うと余り大きな変更をせずにHTML4.0や4.01に合わせることができます。

バリエーション strict をHTML4.01と合わせて使用するためにはHTMLファイルの最初に以下の記述をしてください。

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

注意：このバリエーションではバリエーションの名前とDTDの名前が違うため、 loose というバリエーションの名前が話題にされることがあります。これは transitional のことを意味しています。

バリエーション frameset

frameset というバリエーションはHTML4.01ではおおむね transitional と同じです。しかしhtml の下位におかれる要素を入れ子式に並べる時に違いがあります。body 要素の代わりにこのバリエーションではframeset 要素が必要です。バリエーション frameset を使用するためにはHTMLファイルの最初に以下の記述をしてください。

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

上へ下へ

strictで使えない要素と属性

下の一覧表にあるのはstrictで 使えない 要素です。これはW3Cから「認めない」とされているもの、あるいはフレームに属するものです。バリエーション tranisitional では使用できます。フレームの定義はバリエーション frameset でのみ使用できます。

strictで 使えない 要素
要素 属性 コメント
ページapplet この要素は認められていない。

Javaアプレットはページオブジェクト要素で指定する。
ページbasefont この要素は認められていない。

基本的なフォントの大きさはスタイルシート（CSS）で定義。

次々に連続するHTML要素はページdiv 要素に包括することができる。

スタイルシート（CSS）の定義はこのdiv要素を割り当てることができる。
ページbody alink この属性は認められていない。

色はスタイルシート（CSS）で定義。
ページbody background この属性は認められていない。

背景の色はスタイルシート（CSS）で定義。
ページbody bgcolor この属性は認められていない。

色はスタイルシート（CSS）で定義。
ページbody link この属性は認められていない。

色はスタイルシート（CSS）で定義。
ページbody text この属性は認められていない。

色はスタイルシート（CSS）で定義。
ページbody vlink この属性は認められていない。

色はスタイルシート（CSS）で定義。
ページbr clear この属性は認められていない。

テキストをどちら側に流すかはスタイルシート（CSS）で定義。
ページcaption align この属性は認められていない。

位置はスタイルシート（CSS）で定義。
ページcenter この要素は認められていない。

代わりにページdiv 要素を使う。

位置はスタイルシート（CSS）で定義。
ページdir この要素は認められていない。

代わりにページul 要素を使う。
ページdiv align この属性は認められていない。

位置はスタイルシート（CSS）で定義。
ページdl compact この属性は認められていない。

文字の間隔はスタイルシート（CSS）で定義。
ページfont この要素は認められていない。

文字の大きさ、色、フォントはスタイルシート（CSS）で定義。
ページframe この要素 は「フレーム」というテーマに属する。
ページframeset この要素 は「フレーム」というテーマに属する。
ページh1-h6 align この属性は認められていない。

位置はスタイルシート（CSS）で定義。
ページhr align この属性は認められていない。

位置はスタイルシート（CSS）で定義。
ページhr size この属性は認められていない。

高さはスタイルシート（CSS）で定義。
ページhr noshade この属性は認められていない。

横罫線のデザインはスタイルシート（CSS）で定義。
ページhr width この属性は認められていない。

巾はスタイルシート（CSS）で定義。
ページhtml version この属性は認められていない。

HTMLのバージョンはDTDの宣言内容( <!DOCTYPE...> )で明確になる。
ページiframe この要素はバリエーション strict にはない。
ページimg align この属性は認められていない。

位置はスタイルシート（CSS）で定義。
ページimg hspace この属性は認められていない。

余白はスタイルシート（CSS）で定義。
ページimg vspace この属性は認められていない。

余白はスタイルシート（CSS）で定義。
ページimg border この属性は認められていない。

枠はスタイルシート（CSS）で定義。
ページinput align この属性は認められていない。

位置はスタイルシート（CSS）で定義。
ページisindex この要素は認められていない。

代わりにページinput 要素、 type="text" 属性を使う。
ページlegend align この属性は認められていない。

位置はスタイルシート（CSS）で定義。
ページli type この属性は認められていない。

リストのタイプはスタイルシート（CSS）で定義。
ページli value:値 この属性は認められていない。

数字を使うリストの連続番号はスタイルシート（CSS）変更が可能。

）
ページmenu この要素は認められていない。

代わりにページul 要素を使う。
ページnoframes この要素はバリエーション strict にはない。
ページobject align この属性は認められていない。

位置はスタイルシート（CSS）で定義。
ページobject border この属性は認められていない。

枠はスタイルシート（CSS）で定義。
ページobject hspace この属性は認められていない。

余白はスタイルシート（CSS）で定義。
ページobject vspace この属性は認められていない。

余白はスタイルシート（CSS）で定義。
ページol compact この属性は認められていない。

文字の間隔はスタイルシート（CSS）定義。

）
ページol start この属性は認められていない。

開始番号はスタイルシート（CSS）定義。

）
ページol type この属性は認められていない。

リストのタイプは開始番号はスタイルシート（CSS）定義。

）
ページp align この属性は認められていない。

位置はスタイルシート（CSS）で定義。
ページpre width この属性は認められていない。

テキストを原稿どおりに表示する場合の巾はスタイルシート（CSS）定義。

）
ページs この要素は認められていない。

削除線はスタイルシート（CSS）定義。

）
ページscript language この属性は認められていない。

type= 属性を使う。
ページstrike この要素は認められていない。

削除線はスタイルシート（CSS）定義。

）
ページtable align この属性は認められていない。

位置はスタイルシート（CSS）で定義。

.
ページtable bgcolor この属性は認められていない。

色はスタイルシート（CSS）で定義。
ページtd bgcolor この属性は認められていない。

色はスタイルシート（CSS）で定義。
ページtd height この属性は認められていない。

要素の高さはスタイルシート（CSS）定義。

）
ページtd nowrap この属性は認められていない。

セルの改行禁止はスタイルシート（CSS）調整。

）
ページtd width この属性は認められていない。

要素の巾はスタイルシート（CSS）定義。

）
ページth bgcolor この属性は認められていない。

色はスタイルシート（CSS）で定義。
ページth height この属性は認められていない。

要素の高さはスタイルシート（CSS）定義。

）
ページth nowrap この属性は認められていない。

セルの改行禁止はスタイルシート（CSS）調整。

）
ページth width この属性は認められていない。

要素の巾はスタイルシート（CSS）定義。

）
ページtr bgcolor この属性は認められていない。

色はスタイルシート（CSS）で定義。
ページu この要素は認められていない。

下線はスタイルシート（CSS）定義。

）
ページul compact この属性は認められていない。

文字の間隔はスタイルシート（CSS）定義。

）
ページul type この属性は認められていない。

リストのタイプはスタイルシート（CSS）定義。

）

HOMEの次HTMLタグHOMEの次HTMLの次バリエーション



目的別要素

広告