HTMLとXHTML
XHTMLは、HTMLのより厳密でXMLベースのバージョンです。
XHTML とは何ですか?
- XHTMLは、EXtensibleHyperTextMarkupLanguageの略です。
- XHTMLは、HTMLのより厳密なXMLベースのバージョンです。
- 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://techis.co.jp/html/default">Visit our HTML tutorial</a>
間違い：
<a HREF="https://techis.co.jp/html/default">Visit our HTML tutorial</a>
XHTML属性値は引用符で囲む必要があります
XHTMLでは、属性値は常に次のように引用符で囲む必要があります。
正しい：
<a href="https://techis.co.jp/html/default">Visit our HTML tutorial</a>
間違い：
<a href=https://techis.co.jp/html/default/>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 />
プログラミング学習を加速させる
プログラミングをプロの講師に教えてもらいませんか。