「HTML4とXHTMLとの相違点」の編集履歴(バックアップ)一覧はこちら
「HTML4とXHTMLとの相違点」(2009/10/14 (水) 14:19:00) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
W3Cの勧告には、HTML4とXHTMLとの相違点として以下の10項目が挙げられています。
+文書は整形式でなければならない
+要素名及び属性名は小文字でなければならない
+非空要素には終了タグが必要である
+属性値は常に引用符で括られなければならない
+属性の省略化はしてはならない
+meta、hr、br、img などは、空要素として書く
+属性値内での改行を含む複数の空白は1つと見なす
+スクリプトおよびスタイル要素の定義が異なる
+要素の入れ子などSGMLの排除機能を再現できない
+‘id’および‘name’属性をもつ要素は、‘id’属性を使用する
どこを書き換えればよいかという質問に回答するのはとても難しいので、上記の相違点を含んだ例を以下に示します。詳細に関しては、W3C勧告の「HTML互換性ガイドライン」を参照してください。
[[HTML.html>http://www.atmarkit.co.jp/fxml/askxmlexpert/022xhtml/html.html]] (上記の10項目を抜き出したHTMLファイル)
[[XHTML.html>http://www.atmarkit.co.jp/fxml/askxmlexpert/022xhtml/xhtml.html]] (同じ内容をXHTMLで書き直したもの)
実際の例で、HTMLとXHTMLの違いを見てみましょう。上記のHTMLとXHTMLの文書を、先頭から1行ずつ比較し、その違いを表にしてみました。
|SIZE(14):COLOR(white):BGCOLOR(navy):CENTER:&b(){HTML.html}|SIZE(14):COLOR(white):BGCOLOR(navy):CENTER:&b(){XHTML.html}|
|BGCOLOR(#EAEAFF):|BGCOLOR(#CCCCFF):<?xml version="1.0" encoding="UTF-16"?>|
|>|CENTER:CENTER:XHTMLでは、XML宣言が必要|
|BGCOLOR(#EAEAFF):<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">|BGCOLOR(#CCCCFF):<!DOCTYPE html PUBLIC "&br()-//W3C//DTD XHTML 1.0 Strict//EN"&br()"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">|
|>|CENTER:XHTMLでは、参照するDTD(文書宣言)が異なる|
|BGCOLOR(#EAEAFF):<HTML>|BGCOLOR(#CCCCFF):<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="jp"&br()lang="jp">|
|>|CENTER:XHTMLでは、html名前空間を指定|
|BGCOLOR(#EAEAFF):<HEAD>|BGCOLOR(#CCCCFF):<head>|
|>|CENTER:要素名は小文字に統一|
|BGCOLOR(#EAEAFF):<META HTTP-EQUIV=Content-Type CONTENT="text/html; charset=UTF-16">|BGCOLOR(#CCCCFF):<meta http-equiv="Content-Type" content="text/html;charset=UTF-16" />|
|>|CENTER:属性を必ず引用符で囲む|
|BGCOLOR(#EAEAFF):<TITLE>HTML4との相違点</TITLE>&br()<HR>|BGCOLOR(#CCCCFF):<title>HTML4との相違点</title>&br()<hr />|
|>|CENTER:<HR>は空要素として記述。ただし、下位互換性のために"/"の前に空白を入れる|
|BGCOLOR(#EAEAFF):<OL>&br()<LI>文書は<b><u>整形式</b>でなければならない</u>|BGCOLOR(#CCCCFF):<ol>&br()<li>文書は<u><b>整形式</b>でなければならない</u></li>|
|>|CENTER:XHTML文書は整形式でなければならず、&br()開始タグと終了タグが入れ子になってはならない|
|BGCOLOR(#EAEAFF):<LI>要素名及び属性名は小文字でなければならない&br()<LI>非空要素には終了タグが必要である|BGCOLOR(#CCCCFF):<li>要素名及び属性名は小文字でなければならない</li>&br()<li>非空要素には終了タグが必要である</li>|
|>|CENTER:</li>のように必ず終了タグが必要|
|BGCOLOR(#EAEAFF):<LI>属性値は常に引用符で括られなければならない&br()<LI>属性の省略化はしてはならない&br()<LI>meta, hr, br, img などは、空要素として書く&br()<LI>属性値内での改行を含む複数の空白は1つと見なす&br()<LI>スクリプト及びスタイル要素の定義が異なる&br()<LI>要素の入れ子などSGMLの排除機能を再現できない&br()<LI>'id'及び'name'属性をもつ要素は'id'属性を使用する&br()</OL>&br()<BR>参考<BR>&br()<A HREF="http://www.w3.org/TR/2000/REC-xhtml1-20000126/">XHTML(TM) 1.0: The Extensible HyperText Markup Language - A Reformulation of HTML 4 in XML 1.0&br()</BODY>&br()</HTML>|BGCOLOR(#CCCCFF):<li>属性値は常に引用符で括られなければならない</li>&br()<li>属性の省略化はしてはならない</li>&br()<li>meta, hr, br, img などは、空要素として書く</li>&br()<li>属性値内での改行を含む複数の空白は1つと見なす</li>&br()<li>スクリプト及びスタイル要素の定義が異なる</li>&br()<li>要素の入れ子などSGMLの排除機能を再現できない</li>&br()<li>'id'及び'name'属性をもつ要素は'id'属性を使用する</li>&br()</ol>&br()<br />参考<br />&br()<a HREF="http://www.w3.org/TR/2000/REC-xhtml1-20000126/">XHTML(TM) 1.0: The Extensible HyperText Markup Language - A Reformulation of HTML 4 in XML 1.0</a>&br()</body>&br()</html>|
最も大きい違いは、タグが小文字になること、<BR><HR>といったタグが、空要素になることなどでしょう。
HTMLとXHTMLの違いはどこにある? - @IT
http://www.atmarkit.co.jp/fxml/askxmlexpert/022xhtml/22xhtml.html
----
W3Cの勧告には、HTML4とXHTMLとの相違点として以下の10項目が挙げられています。
+文書は整形式でなければならない
+要素名及び属性名は小文字でなければならない
+非空要素には終了タグが必要である
+属性値は常に引用符で括られなければならない
+属性の省略化はしてはならない
+meta、hr、br、img などは、空要素として書く
+属性値内での改行を含む複数の空白は1つと見なす
+スクリプトおよびスタイル要素の定義が異なる
+要素の入れ子などSGMLの排除機能を再現できない
+‘id’および‘name’属性をもつ要素は、‘id’属性を使用する
どこを書き換えればよいかという質問に回答するのはとても難しいので、上記の相違点を含んだ例を以下に示します。詳細に関しては、W3C勧告の「HTML互換性ガイドライン」を参照してください。
[[HTML.html>http://www.atmarkit.co.jp/fxml/askxmlexpert/022xhtml/html.html]] (上記の10項目を抜き出したHTMLファイル)
[[XHTML.html>http://www.atmarkit.co.jp/fxml/askxmlexpert/022xhtml/xhtml.html]] (同じ内容をXHTMLで書き直したもの)
実際の例で、HTMLとXHTMLの違いを見てみましょう。上記のHTMLとXHTMLの文書を、先頭から1行ずつ比較し、その違いを表にしてみました。
|SIZE(14):COLOR(white):BGCOLOR(navy):CENTER:&b(){HTML.html}|SIZE(14):COLOR(white):BGCOLOR(navy):CENTER:&b(){XHTML.html}|
|BGCOLOR(#EAEAFF):|BGCOLOR(#CCCCFF):<?xml version="1.0" encoding="UTF-16"?>|
|>|CENTER:CENTER:XHTMLでは、XML宣言が必要|
|BGCOLOR(#EAEAFF):<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">|BGCOLOR(#CCCCFF):<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">|
|>|CENTER:XHTMLでは、参照するDTD(文書宣言)が異なる|
|BGCOLOR(#EAEAFF):<HTML>|BGCOLOR(#CCCCFF):<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="jp" lang="jp">|
|>|CENTER:XHTMLでは、html名前空間を指定|
|BGCOLOR(#EAEAFF):<HEAD>|BGCOLOR(#CCCCFF):<head>|
|>|CENTER:要素名は小文字に統一|
|BGCOLOR(#EAEAFF):<META HTTP-EQUIV=Content-Type CONTENT="text/html; charset=UTF-16">|BGCOLOR(#CCCCFF):<meta http-equiv="Content-Type" content="text/html;charset=UTF-16" />|
|>|CENTER:属性を必ず引用符で囲む|
|BGCOLOR(#EAEAFF):<TITLE>HTML4との相違点</TITLE>&br()<HR>|BGCOLOR(#CCCCFF):<title>HTML4との相違点</title>&br()<hr />|
|>|CENTER:<HR>は空要素として記述。ただし、下位互換性のために"/"の前に空白を入れる|
|BGCOLOR(#EAEAFF):<OL>&br()<LI>文書は<b><u>整形式</b>でなければならない</u>|BGCOLOR(#CCCCFF):<ol>&br()<li>文書は<u><b>整形式</b>でなければならない</u></li>|
|>|CENTER:XHTML文書は整形式でなければならず、&br()開始タグと終了タグが入れ子になってはならない|
|BGCOLOR(#EAEAFF):<LI>要素名及び属性名は小文字でなければならない&br()<LI>非空要素には終了タグが必要である|BGCOLOR(#CCCCFF):<li>要素名及び属性名は小文字でなければならない</li>&br()<li>非空要素には終了タグが必要である</li>|
|>|CENTER:</li>のように必ず終了タグが必要|
|BGCOLOR(#EAEAFF):<LI>属性値は常に引用符で括られなければならない&br()<LI>属性の省略化はしてはならない&br()<LI>meta, hr, br, img などは、空要素として書く&br()<LI>属性値内での改行を含む複数の空白は1つと見なす&br()<LI>スクリプト及びスタイル要素の定義が異なる&br()<LI>要素の入れ子などSGMLの排除機能を再現できない&br()<LI>'id'及び'name'属性をもつ要素は'id'属性を使用する&br()</OL>&br()<BR>参考<BR>&br()<A HREF="http://www.w3.org/TR/2000/REC-xhtml1-20000126/">XHTML(TM) 1.0: The Extensible HyperText Markup Language - A Reformulation of HTML 4 in XML 1.0&br()</BODY>&br()</HTML>|BGCOLOR(#CCCCFF):<li>属性値は常に引用符で括られなければならない</li>&br()<li>属性の省略化はしてはならない</li>&br()<li>meta, hr, br, img などは、空要素として書く</li>&br()<li>属性値内での改行を含む複数の空白は1つと見なす</li>&br()<li>スクリプト及びスタイル要素の定義が異なる</li>&br()<li>要素の入れ子などSGMLの排除機能を再現できない</li>&br()<li>'id'及び'name'属性をもつ要素は'id'属性を使用する</li>&br()</ol>&br()<br />参考<br />&br()<a HREF="http://www.w3.org/TR/2000/REC-xhtml1-20000126/">XHTML(TM) 1.0: The Extensible HyperText Markup Language - A Reformulation of HTML 4 in XML 1.0</a>&br()</body>&br()</html>|
最も大きい違いは、タグが小文字になること、<BR><HR>といったタグが、空要素になることなどでしょう。
HTMLとXHTMLの違いはどこにある? - @IT
http://www.atmarkit.co.jp/fxml/askxmlexpert/022xhtml/22xhtml.html
----
表示オプション
横に並べて表示:
変化行の前後のみ表示: