Head要素
header記述
基本形
DTD宣言 <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=文字コード名"> <meta http-equiv="content-script-type" content="text/javascript"> <meta http-equiv="content-style-type" content="text/css"> メタ要素 <title>タイトル</title> <link rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript" src="script.js"></script> </head> <body>
DTD宣言、文字コード名、メタ要素は下記を参照。
DTD宣言
記述法
- HTML4.01 Transitional
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- HTML4.01 Strict
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
- HTML4.01 Frameset
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
- XHTML1.0 Transitional
-
<?xml version="1.0" encoding="文字コード名"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- XHTML1.0 Strict
-
<?xml version="1.0" encoding="文字コード名"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- XHTML1.0 Frameset
-
<?xml version="1.0" encoding="文字コード名"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
- ※HTML4.01はシステム識別子が必須ではないが、記述の有無により表示が変わるブラウザがある。
- ※XHTMLのXML宣言は必須ではないが、記述の有無により表示が変わるブラウザがある。
ブラウザのレンダリングモード表
<thead> </thead> <tbody> </tbody>| HTML種類 | WinIE6 | MacIE5.x | Netscape6.x | Netscape7.x | firefox | Opera7.x | Safari1 |
|---|---|---|---|---|---|---|---|
| なし | 互換 | 互換 | 互換 | 互換 | 互換 | 互換 | 互換 |
| HTML 4.01 Transitional (公開識別子のみ) |
互換 | 互換 | 互換 | 互換 | 互換 | 互換 | 互換 |
| HTML 4.01 Transitional (公開識別子 + システム識別子) |
標準 | 標準 | 標準 | 標準 | 標準 | 標準 | 標準 |
| HTML 4.01 Strict (公開識別子のみ) |
標準 | 標準 | 互換 | 標準 | 標準 | 標準 | 標準 |
| HTML 4.01 Strict (公開識別子 + システム識別子) |
標準 | 標準 | 標準 | 標準 | 標準 | 標準 | 標準 |
| XHTML1.0 Transitional (DOCTYPE宣言のみ) |
標準 | 標準 | 標準 | 準標準 | 標準 | 標準 | 準標準 |
| XHTML1.0 Transitional (XML宣言 + DOCTYPE宣言) |
互換 | 標準 | 標準 | 準標準 | 標準 | 標準 | 準標準 |
| XHTML1.0 Strict/XHTML1.1 (DOCTYPE宣言のみ) |
標準 | 標準 | 標準 | 標準 | 標準 | 標準 | 標準 |
| XHTML1.0 Strict/XHTML1.1 (XML宣言 + DOCTYPE宣言) |
互換 | 標準 | 標準 | 標準 | 標準 | 標準 | 標準 |
レンダリングモードの解説
- 互換モード（Quirks Modes）
- 準標準モード（Almost Standards Modes）
-
Mozillaが実装した「ほぼ標準」と呼ばれるレンダリングモード。
標準モードと異なる点は、テーブルセル内の画像のレイアウトが Gecko の「互換」モードと同様に扱われ、Internet Explorer など他のブラウザとほとんど同じ表示になるという点のみ。
これにより、Mozilla 1.0.1 以降のレンダリングエンジンを搭載した Gecko ベースのブラウザで、「互換」あるいは「ほぼ標準」モードでページを表示した場合、テーブルセル内に配置されたスライス画像のレイアウトが崩れる可能性が少なくなるという利点がある。 - 標準モード（Stdrds Modes）