HTMLとXHTML
XHTMLは、より厳密でXMLベースのバージョンのHTMLです。
XHTMLとは何ですか?
- XHTMLは、E X tensible H yper T ext M arkup Languageの略です。
- XHTMLは、より厳密でXMLベースのHTMLバージョンです。
- XHTMLは、XMLアプリケーションとして定義されたHTMLです。
- XHTMLはすべての主要なブラウザでサポートされています
なぜXHTMLなのか?
XMLはマークアップ言語であり、すべてのドキュメントを正しくマークアップする必要があります(「整形式」である必要があります)。
XHTMLは、HTMLを他のデータ形式(XMLなど)と連携するために、より拡張性と柔軟性を持たせるために開発されました。さらに、ブラウザはHTMLページのエラーを無視し、マークアップにエラーがある場合でもWebサイトを表示しようとします。そのため、XHTMLにははるかに厳密なエラー処理が付属しています。
XMLを学習したい場合は、XMLチュートリアルをお読みください。
HTMLとの最も重要な違い
- <!DOCTYPE>は必須です
- <html>のxmlns属性は必須です
- <html>、<head>、<title>、および<body>は必須です
- 要素は常に適切にネストする必要があります
- 要素は常に閉じる必要があります
- 要素は常に小文字でなければなりません
- 属性名は常に小文字である必要があります
- 属性値は常に引用符で囲む必要があります
- 属性の最小化は禁止されています
XHTML-<!DOCTYPE ....>は必須です
XHTMLドキュメントにはXHTML <!DOCTYPE>宣言が必要です。
<html>、<head>、<title>、および<body>要素も存在する必要があり、<html>のxmlns属性はドキュメントのxml名前空間を指定する必要があります。
例
最低限必要なタグを含むXHTMLドキュメントは次のとおりです。
<!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">
<head>
<title>Title of document</title>
</head>
<body>
some content here...
</body>
</html>
XHTML要素は適切にネストする必要があります
XHTMLでは、次のように、要素は常に相互に適切にネストされている必要があります。
正しい:
<b><i>Some
text</i></b>
間違い:
<b><i>Some
text</b></i>
XHTML要素は常に閉じる必要があります
XHTMLでは、次のように要素を常に閉じる必要があります。
正しい:
<p>This is a paragraph</p>
<p>This is another paragraph</p>
間違い:
<p>This is a paragraph
<p>This is another paragraph
XHTMLの空の要素は常に閉じる必要があります
XHTMLでは、次のように、空の要素を常に閉じる必要があります。
正しい:
A break: <br />
A horizontal rule: <hr />
An image: <img src="happy.gif" alt="Happy face" />
間違い:
A break: <br>
A horizontal rule: <hr>
An image: <img src="happy.gif" alt="Happy face">
XHTML要素は小文字である必要があります
XHTMLでは、要素名は次のように常に小文字にする必要があります。
正しい:
<body>
<p>This is a paragraph</p>
</body>
間違い:
<BODY>
<P>This is a paragraph</P>
</BODY>
XHTML属性名は小文字である必要があります
XHTMLでは、次のように、属性名は常に小文字にする必要があります。
正しい:
<a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a>
間違い:
<a HREF="https://www.w3schools.com/html/">Visit our HTML tutorial</a>
XHTML属性値は引用する必要があります
XHTMLでは、次のように属性値を常に引用符で囲む必要があります。
正しい:
<a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a>
間違い:
<a href=https://www.w3schools.com/html/>Visit our HTML tutorial</a>
XHTML属性の最小化は禁止されています
XHTMLでは、属性の最小化は禁止されています。
正しい:
<input type="checkbox" name="vehicle" value="car" checked="checked" />
<input type="text" name="lastname" disabled="disabled" />
間違い:
<input type="checkbox" name="vehicle" value="car" checked />
<input type="text" name="lastname" disabled />