ホーム > Web Design > HTML > DOCTYPE (ドクタイプ)宣言の種類

HTML

DOCTYPE (ドクタイプ)宣言の種類

(X)HTML をマスターする上で、難解に思われがちな DOCTYPE (ドクタイプ)宣言をバージョン別にご紹介します。


DOCTYPE (ドクタイプ)宣言


DOCTYPE (ドクタイプ)宣言とは、ブラウザが正しく認識・表示するために必要なもので、その文書がどのバージョンの HTML を利用し、どの DTD (文書型定義)に従って記述されているかを宣言するものです。


DOCTYPE 宣言は、<html> の開始タグより前に記述する必要があり、XHTML の場合は XML 宣言(省略可)→DOCTYPE 宣言→ <html> の順となります。


DTD とは Document Type Definition の略で、Strict (厳格型)、Transitional (移行型)、Frameset (フレーム設定型)の3種類があります。


SEO の側面から考えると厳格な Strict が理想ではありますが、アフィリエイトやブログパーツなどの外部ソースを使用することの多い昨今において、柔軟な Transitional を使用するのが一般的です。Frameset はフレームを使用したサイト専用ですが、SEO 効果が期待できず推奨できません。


バージョン別 DOCTYPE (ドクタイプ)宣言
※DTD を含む場合は、Strict、Transitional、Frameset の順

一般的に HTML の場合は HTML 4.01 、XHTML の場合は XHTML 1.0 を使用します。


HTML 4.01

<!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 HTML 4.01 Frameset//EN"  
   "http://www.w3.org/TR/html4/frameset.dtd">


XHTML 1.0

<!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 XHTML 1.0 Transitional//EN"  
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"  
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">


XHTML 1.1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"   
   "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">


XHTML Basic 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.0//EN"  
    "http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd">


XHTML Basic 1.1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN"  
    "http://www.w3.org/TR/xhtml-basic/xhtml-basic11.dtd">


HTML 2.0

<!DOCTYPE html PUBLIC "-//IETF//DTD HTML 2.0//EN">


HTML 3.2

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">


MathML 1.01

<!DOCTYPE math SYSTEM   
        "http://www.w3.org/Math/DTD/mathml1/mathml.dtd">


MathML 2.0

<!DOCTYPE math PUBLIC "-//W3C//DTD MathML 2.0//EN"        
        "http://www.w3.org/TR/MathML2/dtd/mathml2.dtd">


XHTML + MathML + SVG

<!DOCTYPE html PUBLIC  
    "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN"  
    "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">


SVG 1.0

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"  
        "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">


SVG 1.1 Full

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"  
        "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">


SVG 1.1 Basic

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Basic//EN"  
        "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-basic.dtd">


SVG 1.1 Tiny

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN"  
        "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">

November 20, 2009|comments(0)

Add to Google newsing it! イザ!ブックマーク トピックイットに投稿する FC2ブックマーク Yahoo!ブックマークに登録 このエントリーを含むはてなブックマーク BuzzurlにブックマークBuzzurlにブックマーク


関連の記事

META タグ (メタ要素)の種類

HTML の基本構造

スポンサード リンク

トラックバック(0)

Movable Type 5

コメント

コメントフォーム
Name
E-mail
URL

 

コメント: (装飾用のHTMLタグが使えます)

  

PR

ホーム > Web Design > HTML > DOCTYPE (ドクタイプ)宣言の種類

スポンサードリンク
新着記事