SGML/XML/HTML/XHTML/HTML5
SGML
Standard Generalized Markup Language
文書用マークアップ言語(メタ言語)
ä»»æ„ã®æ„味をæŒã¤ã‚¿ã‚°åを付ã‘られる。タグã¯DTDã«å®šç¾©ã™ã‚‹ã€‚
DTDã«åŸºã¥ã„ã¦è¨˜è¿°ã™ã‚‹äº‹ã§ç•°ç¨®ã®ã‚³ãƒ³ãƒ”ュータã§ã‚‚文書ã®è«–ç†æ§‹é€ ã‚’å†ç¾ã§ãã‚‹
SGMLã‚’å…ƒã«æ©Ÿèƒ½ã‚’WEBã«é™å®šã—ãŸä»•様ãŒHTMLã€XML
DTD
Document Type Definition
文書型定義
マークアップ言語ã«ãŠã‘ã‚‹æ§‹æˆè¦ç´ ã€è¦ªå関係ã€å±žæ€§ç‰ã‚’è¦å®š
文書ä¸ã€ã¾ãŸã¯å¤–部ファイルã«è¨˜è¿°ã™ã‚‹
HTMLã§ã¯DOCTYPE宣言ã§å¤–部DTDを指定ã™ã‚‹
XML
Extensible Markup Language
SGMLã‚’å…ƒã«æ‹¡å¼µã—ãŸä»•様
SGMLåŒæ§˜ã€DTDã«ã‚¿ã‚°ã‚’定義ã™ã‚‹
HTML
HyperText Markup Language
ãƒã‚¤ãƒ‘ーテã‚ストを記述ã™ã‚‹ãŸã‚ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—言語
SGMLã‚’å…ƒã«æ‹¡å¼µã—ãŸä»•様
XMLã¨é•ã„DTDã¯ç‹¬è‡ªã«å¤‰æ›´ã§ããšã€DOCTYPE宣言ã«ãŠã„ã¦ã€W3Cã§è¦å®šæ¸ˆã¿ã®ã‚‚ã®ã®ä¸ã‹ã‚‰é¸æŠžã—ã¦ä½¿ç”¨ã™ã‚‹
例 HTML4.01
1) Transitional(移行型) â€»éžæŽ¨å¥¨è¦ç´ ã€éžæŽ¨å¥¨æ—制:〇ã€ãƒ•レーム:×
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2) Strict(厳密型) â€»éžæŽ¨å¥¨è¦ç´ ã€éžæŽ¨å¥¨æ—制:×ã€ãƒ•レーム:×
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
3) Frameset(フレームè¨å®šåž‹) ※フレーム:〇
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
XHTML
XHTMLã¨ã¯
Extensible HyperText Markup Language
XMLã¨ã®äº’æ›æ€§ã‚’æŒã¤HTML。
HTMLを使ã£ã¦æ›¸ã‹ã‚ŒãŸXML。
XHTMLã®ãƒ¡ãƒªãƒƒãƒˆ
ãƒ»åŽ³å¯†ã«æ§‹é€ 化ã•れるã®ã§SEOçš„ã«æœ‰åˆ©ã«è§£æžã•れる。
 (htmlã§ã‚‚終了タグをçœç•¥ã—ãŸã‚Šã›ãšã€è¦‹å‡ºã—ã‚¿ã‚°ç‰ã‚’的確ã«ä½¿ç”¨ã—ã¦åŽ³å¯†ã«æ§‹é€ 化ã—ãŸå ´åˆã¯åŠ¹æžœã¯åŒã˜)
・æºå¸¯é›»è©±ã§é–²è¦§ã—ãŸå ´åˆã«æ£ç¢ºã«æç”»ã•れる。
・RSSアプリを利用ã§ãã‚‹
XHTML文法
・タグã¯å…¨ã¦å°æ–‡å—ã«
・属性値ã¯""(ダブルコーテーション)ã§å›²ã‚€
 <DIV Class=test> ⇒ <div class="test">
・終了タグã¯çœç•¥ä¸å¯
・終了タグã®ãªã„ã‚¿ã‚°ã®ã€Œ/ã€ã¯çœç•¥ä¸å¯
 <li>~ ⇒ <li>~</li>
 <input ~> ⇒ <input ~ />
・<font>ã‚¿ã‚°ã€<b>タグ使用ä¸å¯
 <font color="red"> ⇒ <span style="color: red;">
 <font bgcolor="red"> ⇒ <span style="background-color: red;">
 <b> ⇒ <strong>
・XML宣言 / DOCTYPE宣言
 <?xml version="1.0" encording="UTF-8"?>
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" />
・<html>タグ
 <html> ⇒ <html lang="ja" xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml">
以上ã¯HTML4.0時代ã®XHTML。
HTML5ã«å¯¾å¿œã—ãŸXHTML5
HTML5
html4.01ã®å¾Œç¶™ä»•様
html5ã«ã¯DTDã¯ãªã„。外部DTDã®å‚ç…§ã‚‚ã—ãªã„。
仕様ã¯ãƒ–ラウザã«çµ„ã¿è¾¼ã¿æ¸ˆã¿ã€‚ã‚¿ã‚°ã®ç‹¬è‡ªå¤‰æ›´ã‚‚ã§ããªã„
フォーマット
<!DCTYPE html>
<html>
<head>
  <title>~</title>
</head>
<body>~</body>
</html>
XHTML5
XHTML仕様を満ãŸã—ãŸhtml5
<?xml version=”1.0″ encoding=”UTF-8″?>
<!DCTYPE html>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
  <title>~</title>
</head>
<body>~</body>
</html>