▼
デフォルトのスタイルシートの設定
▼
HTMLの基本構造
▼
HTMLのツリー構造と親要素・子要素
▼
スタイルシートの設定方法
▼
コメント・コメントアウトについて
▼
スタイルシートの書式
▼
スタイルの優先順位
▼
セレクタの設定方法
▼
スタイルの継承
▼
URLの記述方法
▼
DTDとブラウザでの表示モード
■ DTDとブラウザでの表示モード
文書型宣言の後半のURL部分を省略するかどうかと言った表記の違いで
Windows版のInternet Explorer 6、Mac版のInternet Explorer 5.x、
Netscape 6以降では、2通りのモードがあり、文書型宣言の書き方でこれらの
表示モードが切り替わる仕組みになっています。
標準準拠モード
|
W3Cの標準仕様に従い正しく表示する
|
互換モード
|
旧バージョンとの互換性を考慮し従来のブラウザと同じ表示をする
|
HTMLだけで文書を作成した場合にもある程度の影響が出ますが、
スタイルシートを利用した場合にはより表示に大きな違いが出るので
注意が必要です。
文書型宣言の記述方法と表示モードの関係
DTD
バージョン
|
記述方法
|
IE6
|
N6.2
|
Mac IE6
|
-
|
記述なし
|
互
|
互
|
互
|
HTML4.01
Strict
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
|
標
|
標
|
標
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
標
|
標
|
互
|
HTML4.01
Transitional
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
|
標
|
標
|
標
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
|
互
|
互
|
互
|
標・・標準準拠モード
互・・互換モード
|