ホームページ > 記事 > ウェブフロントエンド > htmlとxhtmlの違いは何ですか?
htmlとxhtmlの違いは何ですか?
- 青灯夜游オリジナル
- 2021-03-29 11:54:5510213ブラウズ
違い: XHTML 要素は正しくネストされ、タグのネスト順序も正しい必要があります。 XHTML 要素は閉じている必要があります。つまり、終了タグ「」が必要ですが、HTML の一部の要素は終了タグを省略できます。 XHTML タグ名には小文字を使用する必要がありますが、HTML タグ名には大文字でも小文字でも使用できます。
このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。
XHTML: Extensible HyperText Markup Language XHTML (eXtensible HyperText Markup Language) は、HyperText Markup Language HTML (HyperText Markup Language) を XML アプリケーションとして再定義する標準です。
HTML ドキュメント仕様:
HTTP/1.1 200 OK Content-Type: text/html <!DOCTYPE html> <html> <head> <meta charset=utf-8> <title>HTML</title> </head> <body> <p>I am a HTML document</p> </body> </html>
XHTML ドキュメント仕様:
HTTP/1.1 200 OK Content-Type: application/xhtml+xml <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <title>XHTML</title> </head> <body> <p>I am a XHTML document</p> </body> </html>
XHTML 互換性
現在、Firefox、Chrome、Safari、Opera、IE ブラウザ (IE 9) など、ほとんどのブラウザが XHTML をサポートしています。 (Internet Explorer 8 以前のブラウザでは、適切に設定された XHTML MIME タイプを持つ XHTML ドキュメントを表示すると、不明なファイル タイプのダウンロード ダイアログが表示されます)。さらに、多くの一般的な JavaScript ライブラリや開発ツールは XHTML をサポートしていません。
HTML と XHTML の違い:
XHTML と HTMLはほぼ同じですが、XHTML は構文と大文字と小文字の区別の点で HTML よりも厳密であるため、コードを正しく作成することがより重要です。 XHTML ドキュメントは、HTML 固有の緩やかなパーサーを必要とする HTML とは異なり、整形式であり、標準の XML パーサーを使用して解析されます。
XHTML 要素は正しくネストされている必要があります。一般に、HTML Web ページは "
<b><i>main content</b></i>" にすることができます。これは厳密ではなく、XHTML では間違っています。正しいものは XHTML にあります。 xhtml 標準。これは「<b><i>main content</i></b>」である必要があります。- XHTML 要素は閉じる必要があります。たとえば、HEAD の例では、「
<meta name="keywords" content="Keywords" >」 このタグは HTML で使用できますが、xhtml 標準のために、次のようにする必要があります。 "<meta name="keywords" content="Keywords" />'' - タグ名には小文字を使用する必要があります。以前の Web ページでは、多くのタグは通常大文字または小文字で配置されていましたが、WEB 標準のため、タグは統一された小文字を必要とします。
- XXHTML ドキュメントにはルート要素が必要です。これは、タグが開始したらすぐにタグで終了する必要があることを意味します。たとえば、
<body> で始まる場合は、コンテンツの最後に </body>で閉じる必要があります。 Alt 属性を画像に追加する必要があります。以前は、画像を Web ページに表示する場合、img タグに alt 属性を追加するかどうかを指定できましたが、現在では、xhtml では alt 属性を追加する必要があります。追加しないと、たとえalt 値は空です。 alt を追加すると、画像のテキスト説明が提供され、検索エンジンが画像の内容を識別できるようになります。これは、Web ページを最適化するのに適しています。
推奨チュートリアル: 「html ビデオ チュートリアル 」
以上がhtmlとxhtmlの違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。