HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLドキュメントにDOCTYPE宣言が必要な理由とは？種類と書き方を徹底解説

HTMLにおける<!DOCTYPE>タグは、そのドキュメントがどのバージョンのHTMLで記述されているかをブラウザに伝えるためのものです。これを「文書型宣言」と呼びます。

<!DOCTYPE>宣言は、HTMLドキュメント内で最初に現れる要素であり、必ず<html>タグよりも前に記述します。また、<!DOCTYPE>タグには終了タグが存在しない点にも注意しましょう。

DOCTYPE宣言を正しく記述することで、ブラウザは標準準拠モード（スタンダードモード）でページをレンダリングします。逆に宣言がない場合、ブラウザが互換モード（クワークスモード）で動作し、意図した通りに表示されない原因となることがあります。そのため、DOCTYPE宣言はHTMLドキュメントにおいて非常に重要な役割を担っているのです。

文書型宣言（DTD）の種類

HTML 4.01では、3種類のDOCTYPEが定義されていました。「HTML 4 Strict（厳格型）」「HTML 4 Transitional（移行型）」「HTML 4 Frameset（フレーム設定型）」です。当時作成されるすべてのHTMLドキュメントは、この3つのDTDのいずれかを宣言することが求められていました。

HTML 4 Strict

この文書型には、非推奨（deprecated）とされた要素、およびフレームセット文書で使用される要素を除く、すべてのHTML要素が含まれます。最も厳格な形式で、構造と見た目の分離を重視する文書に適しています。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "https://www.w3.org/TR/html4/strict.dtd">

HTML 4 Transitional

この文書型には、非推奨とされた要素を含む、すべてのHTML要素が含まれます。既存の古いマークアップとの互換性を保ちながら移行したい場合に利用されてきました。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "https://www.w3.org/TR/html4/loose.dtd">

HTML 4 Frameset

この文書型には、Transitional DTDのすべての要素に加えて、フレームを使用する文書に必要な要素も含まれています。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
   "https://www.w3.org/TR/html4/frameset.dtd">

HTML5のDOCTYPE宣言

HTML5では、文書型宣言は次の1種類のみに統一されました。バージョン番号やURLを含む長い記述が不要になり、非常にシンプルになっています。

<!DOCTYPE html>

現在のWeb制作では、特別な理由がない限り、このHTML5の短い宣言を使えば問題ありません。大文字・小文字は区別されないため、「<!doctype html>」のように記述しても同様に機能します。

HTMLドキュメントにDOCTYPE宣言が必要な理由とは？種類と書き方を徹底解説
  1. HTML DOM dlオブジェクトとは？JavaScriptで記述リストを動的に作成する方法

    HTML DOM dlオブジェクトとはHTML DOMのdlオブジェクトは、HTMLの<dl>要素に関連付けられたオブジェクトです。<dl>要素は「記述リスト（description list）」を作成するためのもので、用語（<dt>）とその説明（<dd>）をセットで表現します。dlオブジェクトを利用することで、JavaScriptから<dl>要素を動的に生成したり、ページ内の既存の記述リストにアクセスして操作したりすることができます。構文記述リストを作成する場合の基本的な構文は以下の通りです。var p = document.cre

  2. HTMLリンク（ハイパーリンク）の基本！aタグの構文とtarget属性の使い方を解説

    HTMLのリンク（ハイパーリンク）とは、クリックすると別のドキュメントへジャンプできる要素のことです。Webページ同士をつなぐ役割を担っており、HTMLにおいて最も重要な機能の一つといえます。基本構文HTMLリンクは、<a>タグを使って以下のように記述します。<a href=URL target=値>リンクテキスト</a>href属性には、リンク先のアドレス（URL）を指定します。ローカルファイルへのパスでも、外部サイトのURLでも指定可能です。また、target属性は、リンク先のドキュメントをどこに開くかを指定する属性で、以下の4つの値を設定できます。値説