HTML - XHTML


XHTMLはXML形式で書かれたHTMLです。

XHTMLとは何ですか?

  • XHTMLはExtensible Hypertext Markup Languageのことです

  • XHTMLはXMLアプリケーションの形式で定義されたHTMLです

  • XHTMLは2001年1月にリリースされたW3C推奨標準です

  • 多くのページに「不正な」HTML が含まれています。
  • 次の HTML コードは、ブラウザーで表示すると完全に正常に動作します (HTML ルールに従っていない場合でも)。 

    • <html>
<head>
<title>This is bad HTML</title>
<body>
<h1>Bad HTML
<p>This is a paragraph
</body>
    XML はマークアップ言語であり、正しくマークアップされ、整形式である必要があります。

  • XML を学びたい場合は、XML チュートリアルを読んでください。
今日のテクノロジーの世界には、いくつかの異なるブラウザー テクノロジーがあります。コンピュータ上で動作するものもありますが、携帯電話やその他の小型デバイス上で動作するものもあります。小型デバイスには、多くの場合、「悪い」マークアップ言語を解釈するリソースや能力が不足しています。

つまり、XHTML は XML と HTML の長所を組み合わせて開発されました。 XHTML は HTML を XML として再設計したものです。

HTMLとの最も重要な違い:

ドキュメント構造
XHTML DOCTYPEは

必須

<html>
<html>、<head>、<title >そして<body> も

必須です

  • 要素の構文

    要素は常に
    • close

  • XHTML要素は
    • 小文字である必要があります

    XHTML 属性値
  • 引用符

    • (XHTML DOCTYPE 宣言) で囲む必要があります。

  • 完全な XHTML ドキュメント タイプは、W3School のタグ リファレンス マニュアルで見つけることができます。 <html>、<head>、<title>、および <body> 要素も存在する必要があり、<html> の xmlns 属性を使用してドキュメントに XML 名前空間を指定する必要があります。

    • 次の例は、最小限必要なタグを含む XHTML ドキュメントを示しています: 

  • <!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Title of document</title>
</head>
<body>
...... 
</body>
</html>

    XHTML 要素は適切にネストする必要があります

    HTML では、次のようにいくつかの要素を互いにネストする必要はありません:

    <b><i>このテキストは太字で斜体です</b>< ;/i> ;

    XHTML では、次のように、すべての要素を相互に適切にネストする必要があります:

    <b><i>このテキストは太字で斜体です</i></b>

    XHTML 要素には終了タグが必要です

    間違った例: 

    <p>This is a paragraph
<p>This is another paragraph
    正しい例: 

    <p>This is a paragraph</p>
<p>This is another paragraph</p>
    空の要素には終了タグが必要です

    不正解例: 

    A break: <br>
A horizontal rule: <hr>
An image: <img src="../style/images/happy.gif" alt="Happy face">
    正しい例: 
    A break: <br />
A horizontal rule: <hr />
An image: <img src="../style/images/happy.gif" alt="Happy face" />
    エラーの例: 

    <BODY>
<P>This is a paragraph</P>
</BODY>

    正しい例:
    <body>
<p>This is a paragraph</p>
</body>
    属性値には引用符が必要です

    間違った例:

    <table WIDTH="100%">
    正しい例:

    <table width="100%">

    属性の省略形は許可されません
    エラー例: 

    <table width=100%>

    正しい例: 
    <table width="100%">
    HTML を XHTML に変換する方法

    ページの html 要素のそれぞれにプロパティが追加されます。
    すべての要素を小文字に変更します

    空の要素をすべて閉じます

    すべての属性名を小文字に変更します

    1. すべての属性値に引用符を追加します

    2. W3Cバリデータを使用してXHTMLをテストします

←