はじめに

毎回なんとなく書いていたけど、ちゃんと説明できるようにならなきゃと思って、調べてみました。

DOCTYPE宣言について

DOCTYPE宣言（文章型宣言）といい正式な呼び方はには「ドックタイプ宣言」だそうです（今までドクタイプって読んでました…）。
これは簡単に言うと文章の仕様やバージョンをブラウザに伝えるためのもので、HTML５以前のバージョンではDTDと呼ばれるものをHTML(XML)に結びつけるものでした。

例えばHTML4.01だとこんな感じのDOCTYPE宣言になります。

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

DTDとは

DTDは **Document Type Definition（文章型定義）**の略で、どんなタグがどんなタイミングで使えるのか、などの文章の構造が指定されていました。
試しに、HTML4.01のDOCTYPE宣言で書いたURLに飛んでみるとイメージしやすいかもしれません。

HTML５だと…

一方、HTML５では大変シンプルなDOCTYPE宣言です。

<!DOCTYPE html>

これはHTML５では、DTDの文章にあたる情報が仕様書の中に同じ言語で記述されており、DTDと繋げる必要がないためです。
ではなぜDOCTYPE宣言が必要なのでしょうか？
それにはwebサイトの歴史が関係しています。

HTML５でDOCTYPE宣言が必要な理由

HTML言語が標準化してきた1990年代、作成されたページはDOCTYP宣言がなされていないものも多く、それに困った各種ブラウザが、宣言がないものは旧式のページとして認識し、モードを切り替えるようにした。
その仕様が続いているため、DTDがなくなった今でもDOCTYPE宣言を記述して、旧式のページと認識されないようにしているというわけです。