「Head要素」の版間の差分

提供：Wiki@KDS
ナビゲーションに移動 検索に移動
← 古い編集新しい編集 →
編集の要約なし
編集の要約なし
195行目: 195行目:
</tbody>
</tbody>
</table>
</table>
<dl class="attention">
<dl>
<dt>【XML宣言について】</dt>
<dt>【XML宣言について】</dt>
<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>

2007年2月2日 (金) 18:48時点における版


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）

文字コード

メタ要素

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