「Head要素」の版間の差分
ナビゲーションに移動
検索に移動
編集の要約なし |
編集の要約なし |
||
| 81行目: | 81行目: | ||
<li>※XHTMLのXML宣言は必須ではないが、記述の有無により表示が変わるブラウザがある。</li> | <li>※XHTMLのXML宣言は必須ではないが、記述の有無により表示が変わるブラウザがある。</li> | ||
</ul> | </ul> | ||
</div> | |||
<div class="section"> | |||
=== ブラウザのレンダリングモード表 === | === ブラウザのレンダリングモード表 === | ||
<table class="rendering-mode" cellspacing="0"> | <table class="rendering-mode" cellspacing="0"> | ||
<thead> | <thead> | ||
<tr> | |||
<th>HTML種類</th> | |||
<th>WinIE6</th> | |||
<th>MacIE5.x</th> | |||
<th>Netscape6.x</th> | |||
<th>Netscape7.x</th> | |||
<th>firefox</th> | |||
<th>Opera7.x</th> | |||
<th>Safari1</th> | |||
</tr> | |||
</thead> | </thead> | ||
<tbody> | <tbody> | ||
<tr> | |||
<th>なし</th> | |||
<td class="quirks">互換</td> | |||
<td class="quirks">互換</td> | |||
<td class="quirks">互換</td> | |||
<td class="quirks">互換</td> | |||
<td class="quirks">互換</td> | |||
<td class="quirks">互換</td> | |||
<td class="quirks">互換</td> | |||
</tr> | |||
<tr> | |||
<th>HTML 4.01 Transitional<br>(公開識別子のみ)</th> | |||
<td class="quirks">互換</td> | |||
<td class="quirks">互換</td> | |||
<td class="quirks">互換</td> | |||
<td class="quirks">互換</td> | |||
<td class="quirks">互換</td> | |||
<td class="quirks">互換</td> | |||
<td class="quirks">互換</td> | |||
</tr> | |||
<tr> | |||
<th>HTML 4.01 Transitional<br>(公開識別子 + システム識別子)</th> | |||
<td>標準</td> | |||
<td>標準</td> | |||
<td>標準</td> | |||
<td>標準</td> | |||
<td>標準</td> | |||
<td>標準</td> | |||
<td>標準</td> | |||
</tr> | |||
<tr> | |||
<th>HTML 4.01 Strict<br>(公開識別子のみ)</th> | |||
<td>標準</td> | |||
<td>標準</td> | |||
<td class="quirks">互換</td> | |||
<td>標準</td> | |||
<td>標準</td> | |||
<td>標準</td> | |||
<td>標準</td> | |||
</tr> | |||
<tr> | |||
<th>HTML 4.01 Strict<br>(公開識別子 + システム識別子)</th> | |||
<td>標準</td> | |||
<td>標準</td> | |||
<td>標準</td> | |||
<td>標準</td> | |||
<td>標準</td> | |||
<td>標準</td> | |||
<td>標準</td> | |||
</tr> | |||
<tr> | |||
<th>XHTML1.0 Transitional<br>(DOCTYPE宣言のみ)</th> | |||
<td>標準</td> | |||
<td>標準</td> | |||
<td>標準</td> | |||
<td class="almost">準標準</td> | |||
<td>標準</td> | |||
<td>標準</td> | |||
<td class="almost">準標準</td> | |||
</tr> | |||
<tr> | |||
<th>XHTML1.0 Transitional<br>(XML宣言 + DOCTYPE宣言)</th> | |||
<td class="quirks">互換</td> | |||
<td>標準</td> | |||
<td>標準</td> | |||
<td class="almost">準標準</td> | |||
<td>標準</td> | |||
<td>標準</td> | |||
<td class="almost">準標準</td> | |||
</tr> | |||
<tr> | |||
<th>XHTML1.0 Strict/XHTML1.1<br>(DOCTYPE宣言のみ)</th> | |||
<td>標準</td> | |||
<td>標準</td> | |||
<td>標準</td> | |||
<td>標準</td> | |||
<td>標準</td> | |||
<td>標準</td> | |||
<td>標準</td> | |||
</tr> | |||
<tr> | |||
<th>XHTML1.0 Strict/XHTML1.1<br>(XML宣言 + DOCTYPE宣言)</th> | |||
<td class="quirks">互換</td> | |||
<td>標準</td> | |||
<td>標準</td> | |||
<td>標準</td> | |||
<td>標準</td> | |||
<td>標準</td> | |||
<td>標準</td> | |||
</tr> | |||
</tbody> | </tbody> | ||
</table> | </table> | ||
| 193行目: | 199行目: | ||
<dd>XMLは文字コードのデフォルトが UTF-8であり、UTF-8で記述している場合XML宣言を記述しなくてもよい。それ以外の文字コードを利用する場合は、原則としてXML宣言に charset記述が必要。ただし、xhtml1.0の場合は、上位のプロトコル（.htaccessやサーバーで直接）で文字コードを指定すればXML宣言を省く事ができる。</dd> | <dd>XMLは文字コードのデフォルトが UTF-8であり、UTF-8で記述している場合XML宣言を記述しなくてもよい。それ以外の文字コードを利用する場合は、原則としてXML宣言に charset記述が必要。ただし、xhtml1.0の場合は、上位のプロトコル（.htaccessやサーバーで直接）で文字コードを指定すればXML宣言を省く事ができる。</dd> | ||
</dl> | </dl> | ||
</div> | |||
<div class="section"> | |||
=== レンダリングモードの解説 === | === レンダリングモードの解説 === | ||
<dl> | <dl> | ||
<dt>互換モード（Quirks Modes）</dt> | <dt>互換モード（Quirks Modes）</dt> | ||
| 213行目: | 224行目: | ||
</div> | </div> | ||
<div class="section"> | |||
== 文字コード == | == 文字コード == | ||
</div> | |||
<div class="section"> | |||
== メタ要素 == | == メタ要素 == | ||
</div> | |||
</div> | </div> | ||
2007年2月2日 (金) 18:22時点における版
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宣言) |
互換 | 標準 | 標準 | 標準 | 標準 | 標準 | 標準 |
- 【XML宣言について】
- XMLは文字コードのデフォルトが UTF-8であり、UTF-8で記述している場合XML宣言を記述しなくてもよい。それ以外の文字コードを利用する場合は、原則としてXML宣言に charset記述が必要。ただし、xhtml1.0の場合は、上位のプロトコル（.htaccessやサーバーで直接）で文字コードを指定すればXML宣言を省く事ができる。
レンダリングモードの解説
- 互換モード（Quirks Modes）
- 準標準モード（Almost Standards Modes）
-
Mozillaが実装した「ほぼ標準」と呼ばれるレンダリングモード。
標準モードと異なる点は、テーブルセル内の画像のレイアウトが Gecko の「互換」モードと同様に扱われ、Internet Explorer など他のブラウザとほとんど同じ表示になるという点のみ。
これにより、Mozilla 1.0.1 以降のレンダリングエンジンを搭載した Gecko ベースのブラウザで、「互換」あるいは「ほぼ標準」モードでページを表示した場合、テーブルセル内に配置されたスライス画像のレイアウトが崩れる可能性が少なくなるという利点がある。 - 標準モード（Stdrds Modes）