Web制作の基本 文書型記述(DTD)を宣言する
2022-02-04 04:59:41
WEB標準に準拠したページを構築するためのCSSレイアウトは、jb51.netでも話題になっていますが、今日は文書型記述(DTD)の宣言についてです。
すべての文書は、ページを開くときにどのような規則に従うべきかをブラウザに伝えるために、Document Type Definition (DTD)で始まる必要があります。
後でWebデザインツールDreamweaverを使って新しいWebドキュメントを作成すると、新しいドキュメントの最初の行にDOCTYPE宣言が表示されます。
DOCTYPEはdocument typeの略語で、現在のドキュメントの基本型を定義するものです。つまり、すべての文書は文書型定義(DTD)で定義する必要がある。
実は、DOCTYPEは機械が読める仕様の集合に過ぎず、間に文書のURLを挟んでいるが、ブラウザはそれを読まずに認識のために利用するだけで、どの仕様でページ内のコードを実行するかを決定している。
DOCTYPEは、ページ上部のhtmlタグの前に置かれ、ページがHTML、XHTML、またはその両方を含んでいるかどうかをブラウザに知らせ、マークアップを正しく解釈できるようにするものです。
ウェブサイト制作でよく使う4つのドキュメントタイプ
4つのドキュメントタイプのうち
HTML 4.01では、2つの共通のDTDが提供されています。
(1). Strict (厳密): HTML 4.01 で定義されたタグに準拠したタグをユーザーが使用しなければならない厳密な DTD を要求します。
(2). 緩やかな線(loose):他の旧バージョンのHTMLとある程度互換性のある、より緩やかなDTDを必要とします。
XHTML 1.0では、2つの共通のDTDが提供されています。
(1). Transitional(トランジショナル)。HTML 4.01のタグを使い続けられるが、XHTMLの記述に準拠した形で、非常に緩やかな要件を持つDTD。
(2). ストリクト(厳密)
DTDは、XML、XHTML、HTMLの特定のバージョンで何ができて何ができないかを定義した文書型定義を表します。ブラウザは、ウェブページを読み込む際に、確立された宣言仕様を使って、ページの内容が有効かどうかをチェックし、文書内のコードを解釈するために、コーディングで適切な対処を行います。
これらの仕組みについて深く掘り下げる必要はありません。ただ、標準的なウェブページを開発し、CSSが正しくレンダリングされることを保証するものであることを知っておいてください。
一般的には、DTDが緩やかでW3Cのコード検証をクリアしやすく、現在の国内の開発環境や多くの開発者のレベルに合ったtransitional document typeを選択することを読者にお勧めします。
私たちも厳密なレベルまで開発したいとき、ああ! でも、Adobe Dreamweaver CS3/CS4のツールのデフォルトはstrictなんですよね。
すべての文書は、ページを開くときにどのような規則に従うべきかをブラウザに伝えるために、Document Type Definition (DTD)で始まる必要があります。
後でWebデザインツールDreamweaverを使って新しいWebドキュメントを作成すると、新しいドキュメントの最初の行にDOCTYPE宣言が表示されます。
DOCTYPEはdocument typeの略語で、現在のドキュメントの基本型を定義するものです。つまり、すべての文書は文書型定義(DTD)で定義する必要がある。
実は、DOCTYPEは機械が読める仕様の集合に過ぎず、間に文書のURLを挟んでいるが、ブラウザはそれを読まずに認識のために利用するだけで、どの仕様でページ内のコードを実行するかを決定している。
DOCTYPEは、ページ上部のhtmlタグの前に置かれ、ページがHTML、XHTML、またはその両方を含んでいるかどうかをブラウザに知らせ、マークアップを正しく解釈できるようにするものです。
ウェブサイト制作でよく使う4つのドキュメントタイプ
<!DOCTYPE HTML PUBLIC "-/W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-/W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html PUBLIC "-/W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<!DOCTYPE html PUBLIC "-/W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE HTML PUBLIC "-/W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html PUBLIC "-/W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<!DOCTYPE html PUBLIC "-/W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
4つのドキュメントタイプのうち
HTML 4.01では、2つの共通のDTDが提供されています。
(1). Strict (厳密): HTML 4.01 で定義されたタグに準拠したタグをユーザーが使用しなければならない厳密な DTD を要求します。
(2). 緩やかな線(loose):他の旧バージョンのHTMLとある程度互換性のある、より緩やかなDTDを必要とします。
XHTML 1.0では、2つの共通のDTDが提供されています。
(1). Transitional(トランジショナル)。HTML 4.01のタグを使い続けられるが、XHTMLの記述に準拠した形で、非常に緩やかな要件を持つDTD。
(2). ストリクト(厳密)
DTDは、XML、XHTML、HTMLの特定のバージョンで何ができて何ができないかを定義した文書型定義を表します。ブラウザは、ウェブページを読み込む際に、確立された宣言仕様を使って、ページの内容が有効かどうかをチェックし、文書内のコードを解釈するために、コーディングで適切な対処を行います。
これらの仕組みについて深く掘り下げる必要はありません。ただ、標準的なウェブページを開発し、CSSが正しくレンダリングされることを保証するものであることを知っておいてください。
一般的には、DTDが緩やかでW3Cのコード検証をクリアしやすく、現在の国内の開発環境や多くの開発者のレベルに合ったtransitional document typeを選択することを読者にお勧めします。
私たちも厳密なレベルまで開発したいとき、ああ! でも、Adobe Dreamweaver CS3/CS4のツールのデフォルトはstrictなんですよね。
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン