Home > CSS > Jvascript > php > flash > cgi > MySql> Wp> M_formats> T_Design> Parts> Art> Hack> Profile> Renewal> Site Map> Verification

★備忘録→ > 01DOCTYPE宣言 > 02META情報 > 03SCCの記述 > 04JavaScriptの記述 > 05 > END

０１DOCTYPE宣言文（lang属性・xml宣言）

DOCTYPE宣言文（lang属性・xml宣言）

DOCTYPE宣言文とは、HTMLのバージョンやDTDについて宣言することです。W3C（HTMLの規格を制定する機関）ではすべてのHTML文書にDOCTYPE宣言文を記述するよう勧告しています。HTML 4.01以降、使用するDTDを宣言する必要があるためDOCTYPE宣言文は必須となります。
以下HTML、XHTMLのDOCTYPE宣言文の記述例です。
なお、XHTMLではDOCTYPE宣言文の前にXML宣言を記入する必要があります（文字コードがUTF-8の場合省略可）。また、HTMLとXHTMLでは<html>要素のLANG属性の書き方が異なります。 


（１）HTML4.01 Transitional DTD URI無し
（２）HTML4.01 Transitional DTD URI有り
（３）HTML4.01 Strict DTD DTD URI無し
（４）HTML4.01 Strict DTD URI有り
（５）HTML4.01 Frameset DTD URI無し
（６）HTML4.01 Frameset DTD URI有り
（７）XHTML1.0 Transitional DTD
（８）XHTML1.0 Strict DTD
（９）XHTML1.0 Frameset DTD
（１０）XHTML Basic
（１１）XHTML Mobile Profile1.0 DTD
（１２）XHTML1.1 Strict DTD
（１３）XHTML Appendix1 PHPファイルでXML宣言をする場合
（１４）HTML5

（１）HTML4.01 Transitional DTD URI無し（互換モード）

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<title>タイトル</title>
</head>
<body>本文</body>
</html>

▲Ｔｏｐ

（２）HTML4.01 Transitional DTD URI有り（標準モード）

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<title>タイトル</title>
</head>
<body>本文</body>
</html>

▲Ｔｏｐ

（３）HTML4.01 Strict DTD URI無し（ 標準モード）

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head>
<title>タイトル</title>
</head>
<body>本文</body>
</html>

▲Ｔｏｐ

（４）HTML4.01 Strict DTD URI有り（標準モード）

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<title>タイトル</title>
</head>
<body>本文</body>
</html>

▲Ｔｏｐ

（５）HTML4.01 Frameset DTD URI無し


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<html lang="ja">
<head>
<title>タイトル</title>
</head>
<frameset rows="150,*">
<frame src="top.html" marginwidth="0" marginheight="0" 
noresize frameborder="0" scrolling="no">
<frameset cols="300,*,300">
<frame src="left.html" marginwidth="0" marginheight="0"
 noresize frameborder="0">
<frame src="main.html" marginwidth="0" marginheight="0"
 id="main" noresize frameborder="0">
<frame src="right.html" marginwidth="0" marginheight="0"
 noresize frameborder="0">
</frameset>
<noframes>
<body>
<p>フレーム対応ブラウザでご利用になれます。</p>
</body>
</noframes>
</frameset>
</html>

▲Ｔｏｐ

（６）HTML4.01 Frameset DTD URI有り


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
 "http://www.w3.org/TR/html4/frameset.dtd">
<html lang="ja">
<head>
<title>タイトル</title>
</head>
<frameset rows="150,*">
<frame src="top.html" marginwidth="0" marginheight="0" 
noresize frameborder="0" scrolling="no">
<frameset cols="300,*,300">
<frame src="left.html" marginwidth="0" marginheight="0" 
noresize frameborder="0">
<frame src="main.html" marginwidth="0" marginheight="0" 
id="main" noresize frameborder="0">
<frame src="right.html" marginwidth="0" marginheight="0" 
noresize frameborder="0">
</frameset>
<noframes>
<body>
<p>フレーム対応ブラウザでご利用になれます。</p>
</body>
</noframes>
</frameset>
</html>

▲Ｔｏｐ

（７）XHTML1.0 Transitional DTD

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<title>タイトル</title>
</head>
<body>本文</body>
</html>

▲Ｔｏｐ

（８）XHTML1.0 Strict DTD

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<title>タイトル</title>
</head>
<frameset rows="150,*">
<frame src="top.html" marginwidth="0" marginheight="0" 
noresize frameborder="0" scrolling="no" />
<frameset cols="300,*,300">
<frame src="left.html" marginwidth="0" marginheight="0" 
noresize frameborder="0" />
<frame src="main.html" marginwidth="0" marginheight="0" 
id="main" noresize frameborder="0" />
<frame src="right.html" marginwidth="0" marginheight="0" 
noresize frameborder="0" />
</frameset>
<noframes>
<body>
<p>フレーム対応ブラウザでご利用になれます。</p>
</body>
</noframes>
</frameset>
</html>

▲Ｔｏｐ

（９）XHTML1.0 Frameset DTD

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<title>タイトル</title>
</head>
<frameset rows="150,*">
<frame src="top.html" marginwidth="0" marginheight="0" 
noresize frameborder="0" scrolling="no" />
<frameset cols="300,*,300">
<frame src="left.html" marginwidth="0" marginheight="0" 
noresize frameborder="0" />
<frame src="main.html" marginwidth="0" marginheight="0" 
id="main" noresize frameborder="0" />
<frame src="right.html" marginwidth="0" marginheight="0" 
noresize frameborder="0" />
</frameset>
<noframes>
<body>
<p>フレーム対応ブラウザでご利用になれます。</p>
</body>
</noframes>
</frameset>
</html>

▲Ｔｏｐ

（１０）XHTML Basic 携帯端末向け

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN" 
"http://www.w3.org/TR/xhtml-basic/xhtml-basic11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
<title>タイトル</title>
</head>
<body>本文</body>
</html>

▲Ｔｏｐ

（１１）XHTML Mobile Profile1.0 DTD 携帯端末向け

<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" 
"http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; 
charset=Shift_JIS" />
<title>タイトル</title>
</head>
<body>本文</body>
</html>

▲Ｔｏｐ

（１２）XHTML1.1 Strict DTD

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
<title>タイトル</title>
</head>
<body>本文</body>
</html>

▲Ｔｏｐ

（１３）XHTML Appendix1 PHPファイルでXML宣言をする場合


<?php echo '<?xml version="1.0" encoding="utf-8"?>'."\n" ?>

▲Ｔｏｐ

（１４）HTML5

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>タイトル</title>
</head>
<body>
<p>60plus-one参考資料：HTML5・ページ作成の基本</p>
<p>60plus-one参考資料：HTML5・要素と属性</p>
</body>
</html>

▲Ｔｏｐ