「Head要素」の版間の差分

提供：Wiki@KDS
ナビゲーションに移動 検索に移動
← 古い編集
編集の要約なし
編集の要約なし
 
(同じ利用者による、間の27版が非表示)
1行目: 1行目:
<div id="manual">
<div id="manual">
 
== header記述 ==
<h2>header記述の基本形</h2>
<div class="section">
<div class="section">
<div class="html-source">
=== 基本形 ===
  <pre>DTD宣言
<div class="html-source">
<pre>DTD宣言
<html lang="ja">
<html lang="ja">
<head>
<head>
16行目: 16行目:
</head>
</head>
<body></pre>
<body></pre>
  </div>
</div>
</div>
 
<p>DTD宣言、文字コード名、メタ要素は下記を参照。</p>
<h2>DTD宣言</h2>
</div>
== DTD宣言 ==
<div class="section">
<div class="section">
<h3>HTML4.01 Transitionalの場合</h3>
=== 記述法 ===
  <div class="html-source">
<dl>
 
<dt>HTML4.01 Transitional</dt>
  </div>
<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>
 
<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>
</div>

2007年2月6日 (火) 19:37時点における最新版

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はシステム識別子が必須ではないが、記述の有無により表示が変わるブラウザがある。

ブラウザのレンダリングモード表

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）
過去慣習的な解釈を再現するモード。古いブラウザとの後方互換を目的とするため、W3Cの仕様からは外れた解釈をする事になる。
準標準モード（Almost Standards Modes）
Mozillaが実装した「ほぼ標準」と呼ばれるレンダリングモード。
標準モードと異なる点は、テーブルセル内の画像のレイアウトが Gecko の「互換」モードと同様に扱われ、Internet Explorer など他のブラウザとほとんど同じ表示になるという点のみ。
これにより、Mozilla 1.0.1 以降のレンダリングエンジンを搭載した Gecko ベースのブラウザで、「互換」あるいは「ほぼ標準」モードでページを表示した場合、テーブルセル内に配置されたスライス画像のレイアウトが崩れる可能性が少なくなるという利点がある。
標準モード（Stdrds Modes）
W3Cの仕様に従った正しい解釈をするモード。文法違反をしている場合、標準モードではことごとく無視される。

文字コード

メタ要素

「https://wiki.kohga.tokyo/index.php?title=Head要素&oldid=5754」から取得