ホームページ  >  記事  >  ウェブフロントエンド  >  xhtmlとhtmlの違いは何ですか

xhtmlとhtmlの違いは何ですか

青灯夜游
青灯夜游オリジナル
2021-05-18 17:25:184786ブラウズ

違い: 1. XHTML は正しくネストされている必要がありますが、html はその必要がありません; 2. XHTML 要素は閉じられている必要がありますが、html はその必要がありません; 3. XHTML タグ名には小文字を使用する必要がありますが、html はその必要はありませんto; 4. XHTML ドキュメントにはルート要素が必要です; 5. XHTML では画像に alt 属性を追加する必要がありますが、html では追加されません。

xhtmlとhtmlの違いは何ですか

このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

HTML および XHTML

Extensible Hypertext Markup Language Language) は、XML アプリケーション用に再定義された標準です。

HTML5 標準 (HTML 4.01 および XHTML 1) では 2 つの構文が定義されています。この標準は、特別な DOCTYPE タグを定義することで XHTML に使用できますが、この標準を実装しているブラウザは多くありません。そのため、最終的には HTML5 標準によってこの決定が覆されました。

MIME タイプ (HTTP リクエストに含まれる Content-Type) を変更することで、構文の選択を指定できます。XHTML を使用する必要がある場合、MIME タイプは application/xhtml xml にする必要があります。それ以外の場合は、MIME タイプを使用します。 text/html である必要があります。XHTML を使用します。

適切な MIME タイプが HTTP リクエストの Content-Type に存在する必要があります。 のように、HTML タグ内に MIME タイプのみを記述した場合でも、text/html として実行されます。

#xhtml と html の違い

1. XHTML 要素は正しくネストされている必要があります

例:

一般的な HTML Web ページは、「main content」にすることができます。これは厳密ではなく、XHTML では間違っています。xhtml では正しいです。には、そのような「メインコンテンツ」が必要です。

2. XHTML 要素は閉じている必要があります

exp:

HEAD の例、" " このようなタグは HTML で使用できますが、xhtml 標準のため、" "

##" のように閉じる必要があります。 # たとえば、一般的な HTML で「

」改行タグを使用する場合、多くの人は改行する必要がある段落に「

」タグを追加するだけですが、XHTML CSS 標準では、改行タグを追加する必要があります。 「 < ;p>段落テキスト

」は、記事テキストフィールドの前の改行タグ「

」で始まり、記事テキストフィールドの後の「

」タグで終わる必要があることを意味します。段落テキスト。

たとえば、HTML ページを作成するときに、多くの人が小さな改行タグ「br」を使用します。多くの人は、このタグを閉じたスタイルで囲む必要があることを知りません。例:テキストの段落の後には改行が必要です。多くの CSS プロダクションでは改行が必要です。ここに「
」を追加するのは良いことですが、これも標準ではないことをお伝えしておきます。 XHTML 検証中にパスし、「
」で閉じる必要があります。

3. タグ名には小文字を使用する必要があります

以前の Web ページでは、多くのタグは通常、大文字または小文字で配置されていましたが、Web 標準のため、タグは小文字で統一する必要があります。 、

" は、"、" または " 、" の植字設定のように、大文字または大文字と小文字の混合で使用されていましたが、XHTML の統合要件では " , ” (小文字)

4. XHTML ドキュメントにはルート要素が必要です

これは、タグが開始されるとすぐに、ルート要素が必要であることを意味します。タグで終わります。たとえば、

が始まる場合は、コンテンツの最後に で閉じる必要があります。

5 、画像の場合は、を追加する必要がありますalt 属性

以前は、Web ページに表示される画像の img タグに alt 属性を追加するかどうかを指定できましたが、現在では、xhtml では alt 属性を追加する必要があります。それ以外の場合、alt の値が空であっても、xhtml 検証でエラーが表示されます。

exp:Error

xhtmlとhtmlの違いは何ですか

正解

xhtmlとhtmlの違いは何ですか

altを追加するメリットは何ですか?回答: alt を追加すると、画像のテキスト説明が提供され、検索エンジンが画像の内容を識別できるようになります。これは、Web ページを最適化するのに適しています。

推奨チュートリアル: 「html ビデオ チュートリアル

以上がxhtmlとhtmlの違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。