「Head要素」を編集中

<div id="manual">
== header記述 ==
<div class="section">
=== 基本形 ===
<div class="html-source">
<pre>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></pre>
</div>
<p>DTD宣言、文字コード名、メタ要素は下記を参照。</p>
</div>
== DTD宣言 ==
<div class="section">
=== 記述法 ===
<dl>
<dt>HTML4.01 Transitional</dt>
<dd class="html-source">
<pre>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
</pre>
</dd>
<dt>HTML4.01 Strict</dt>
<dd class="html-source">
<pre>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
</pre>
</dd>
<dt>HTML4.01 Frameset</dt>
<dd class="html-source">
<pre>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
</pre>
</dd>
<dt>XHTML1.0 Transitional</dt>
<dd class="html-source">
<pre>
<?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">
</pre>
</dd>
<dt>XHTML1.0 Strict</dt>
<dd class="html-source">
<pre>
<?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">
</pre>
</dd>
<dt>XHTML1.0 Frameset</dt>
<dd class="html-source">
<pre>
<?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">
</pre>
</dd>
</dl>
<ul class="attention">
<li>※HTML4.01はシステム識別子が必須ではないが、記述の有無により表示が変わるブラウザがある。</li>
</ul>
</div>
<div class="section">
=== ブラウザのレンダリングモード表 ===
<table class="rendering-mode" cellspacing="0" summary="ブラウザのレンダリングモード表">
<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>
<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>
</table>
<dl>
<dt>【XML宣言について】</dt>
<dd>XMLは文字コードのデフォルトが UTF-8であり、UTF-8で記述している場合XML宣言を記述しなくてもよい。それ以外の文字コードを利用する場合は、原則としてXML宣言に charset記述が必要。ただし、xhtml1.0の場合は、上位のプロトコル（.htaccessやサーバーで直接）で文字コードを指定すればXML宣言を省く事ができる。</dd>
</dl>
</div>
<div class="section">
=== レンダリングモードの解説 ===
<dl>
<dt>互換モード（Quirks Modes）</dt>
<dd>過去慣習的な解釈を再現するモード。古いブラウザとの後方互換を目的とするため、W3Cの仕様からは外れた解釈をする事になる。</dd>
<dt>準標準モード（Almost Standards Modes）</dt>
<dd>
Mozillaが実装した「ほぼ標準」と呼ばれるレンダリングモード。<br>
標準モードと異なる点は、テーブルセル内の画像のレイアウトが Gecko の「互換」モードと同様に扱われ、Internet Explorer など他のブラウザとほとんど同じ表示になるという点のみ。<br>
これにより、Mozilla 1.0.1 以降のレンダリングエンジンを搭載した Gecko ベースのブラウザで、「互換」あるいは「ほぼ標準」モードでページを表示した場合、テーブルセル内に配置されたスライス画像のレイアウトが崩れる可能性が少なくなるという利点がある。
</dd>
<dt>標準モード（Stdrds Modes）</dt>
<dd>W3Cの仕様に従った正しい解釈をするモード。文法違反をしている場合、標準モードではことごとく無視される。</dd>
</dl>
</div>
<div class="section">
== 文字コード ==
</div>
<div class="section">
== メタ要素 ==
</div>
</div>