ドキュメントの定義 【<!DOCTYPE〜>】
ブラウザで表示した時の見え方
DOCTYPE宣言文 |
| ファイル(F) 編集(E) 表示(V) お気に入り(A) ツール(T) ヘルプ(H) |
|
DOCTYPE宣言文は、大きく分けて「公開識別子」と「システム識別子」があります。
公開識別子でPUBLIC宣言されていれば、システム識別子は省略することができます。
|
ソースサンプル
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>
DOCTYPE宣言文</title>
</head>
<body>
DOCTYPE宣言文は、大きく分けて「公開識別子」と「システム識別子」があります。
公開識別子でPUBLIC宣言されていれば、システム識別子は省略することができます。
</body>
</html>
[
黒※説明中のタグ
紫※省略可能なタグ
赤※変更可能
緑※文章など
]
解説
- 簡単に言えば、公開識別子はDTDの種類を、システム識別子はネットワーク上のDTDの場所(公開文書の文法を定義している場所)を示します。
- サンプルは一般的に利用されているHTMLのもので、システム識別子は省略しています。
- 「DOCTYPE」は、DOCTYPE宣言をする目印で、「HTML」を続けて記述することでその文書がHTMLで記述されていることを表しています。
- 「PUBLIC」は文書が公開されたDTD(「Document Type Definition」文書型定義)を使用して記述されていることを意味しています。
- 「-//W3C//DTD HTML 4.01 Transitional//EN」は、どんなDTDバージョンを使用しているか、という意味です。
-//W3C→公開文書の所有者
DTD→公開されている文書がなんなのか
HTML4.01→公開文書の種類やバージョン
EN→公開文書が記述されている言語コードを表す(ちなみにENは英語です)
//→区切り記号
- HTMLでは公開識別子でPUBLIC宣言されていれば、システム識別子は省略することができます。XHTMLではシステム識別子を省略することはできません。
- DTDは、HTMLもXHTMLも、それぞれ3種類あります。(モードの違いにより記述方法が分かれます)
- XHTMLは、ブラウザの種類によってはソースコードがそのまま表示されたり、ファイルがダウンロードされるなどの問題が発生するようです。使うための環境が十分整っているとはいえないのが現状です。
- ページの見た目に影響はありません。
DOCTYPE宣言文DTD別サンプル(HTML用ではシステム識別子省略)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- 【Strict DTD】→文書の見栄えや書式はCSS(Cascading Style Sheets)で設定することとし、HTMLでは純粋に構造のみを記述することを前提とします。非推奨属性やフレームは一切使えません。「厳格な」という意味があります。上がHTML用、下がXHTML用です。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- 【Transitional DTD】→基本はStrict DTDと同じです。しかし、Strict DTDの定義に従うことができないブラウザも多数あるため、従来のHTML3.2に近い記述が可能となっています。現在最も普及されていると思われます。上がHTML用、下がXHTML用です。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
- 【Frameset DTD】→Trensitional DTDとほとんど同じですが、フレーム関連の要素を使用できます。上がHTML用、下がXHTML用です。
AICHAN WEB(Z)
>
HTML&CSSサンプル集(S)
>
HTML
-
ドキュメントの定義