Tweet
HTML / XHTMLの違いについて
HTML4.01
Hyper Text Markup Languageの頭文字を取ったもので、文書を意味付け（マークアップ）しWWW上に発信する共通言語です。HTML4.01はその最新版です。
XHTML1.0
上記のHTMLをXMLの文法に基づいて再定義したものでHTMLに比べ文法が厳密になっていています。現在では、HTMLに変わりほぼ主流となっています。
HTMLとXHTMLは同じハイパーテキストマークアップ言語であり、文法もよく似ています。そのためHTMLを知っている人なら今直ぐにでも XHTMLでWebページを作ることができます。しかし、似ているせいで「どこが違うのか・何が違うのか」があまり分かり易くありません。そこで、 HTML4.01とXHTML1.0の相違点を比較します。
コード記述例
HTML4.01(Strict)
02:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
03:<HTML lang="ja">
04:<HEAD>
05:<META HTTP-EQUIV=content-type CONTENT="text/html; CHARSET=Shift_JIS"/>
06:<TITLE>ホームページタイトル</TITLE>
07:</HEAD>
08:<BODY>
09:<P>テキスト
10:<P><SPAN>テキスト</P></SPAN>
11:<HR>
12:</BODY>
13:</HTML>
XHTML1.0(Strict)
02:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
03:<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
04:<head>
05:<meta http-equiv="content-type" content="text/html; charset=Shift_JIS" />
06:<title>ホームページタイトル</title>
07:</head>
08:<body>
09:<p>テキスト</p>
10:<p><span>テキスト</span></p>
11:<hr />
12:</body>
13:</html>
DOCTYPEを選ぶ
HTML Strictタイプ （タグの使い方厳密タイプ）相違点比較表
| 行番号 | HTML4.01 | XHTML1.0 |
| 01 | <?xml version="1.0" encoding="Shift-JIS"?> | |
XHTMLにはHTMLにはないものが記述されてます。これはXML宣言と言うもので、XHTMLはXMLの文法に基づいて再定義したものなので、文書の先頭に記述することが推奨されてます。 |
||
| 02 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
この行にはHTML、XHML共に同じようなものが記述されていますが、XHTMLでは"HTML"が"html"と小文字で記述しなければいけません。
|
||
| 03 | <HTML lang="ja"> | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> |
このhtml要素の部分では名前空間と言語コードを指定します。HTMLは言語コードだけでいいのですが、XHTMLでは「xmlns="http://www.w3.org/1999/xhtml"」と名前空間を指定する必要があります。 |
||
| 04 | <HEAD> | <head> |
HTMLでは要素を記述する際には大文字でも小文字でもよいことになっていましたが、XHTMLでは小文字と決められています。 |
||
| 05 | <META HTTP-EQUIV=content-type CONTENT="text/html; CHARSET=Shift-JIS" /> | <meta http-equiv="content-type" content="text/html; charset=Shift-JIS" /> |
XHTMLでは要素・属性共に小文字のみと決められ、ダブルクォーテーション(")の省略もできません。しかし、ブラウザによっては文法が間違っていてもそのまま表示してしまうので気付かない場合があります。注意しましょう。 |
||
| 09 | <P>テキスト | <p>テキスト</p> |
XHTMLでは終了タグを省略できません。 |
||
| 10 | <P><SPAN>テキスト</P></SPAN> | <p><span>テキスト</span></p> |
XHTMLは整形式で記述しなければいけません。 |
||
| 11 | <HR> | <hr /> |
空要素の場合は、" /"と記述します。 |
||
以上、HTMLとXHTMLの記述の違いでした。どれも小さな違いですが、それだけに間違いに気づき難いものです。
XHTMLが主流の今でも、古いサイトの更新をするときなどにはHTMLで書くことがありますし、元々HTMLで書いていたものに間違ってXHTMLを追加してしまうことがないように気をつけましょう。