htmlとxhtmlの違いを詳しく解説

今日は、フロントエンド テクノロジをより深く理解できるように、html と xhtml の 2 つの概念、類似点と相違点について詳しく説明します。

html と xhtml の主な違い: (以下の説明例では赤色で区別されます)
1. XHTML 要素は正しくネストされている必要があります。
例:
一般的な HTML Web ページは「main content」になります。これは厳密ではなく、XHTML 標準では正確さが要求されます。 「メインコンテンツ」の方法。

2. XHTML 要素は閉じられている必要があります。
exp:
1. HEAD の例、「」 「 "
2. たとえば、一般的な HTML で「

」を使用する場合、多くの人は「

」を改行が必要な段落は

タグで終わりますが、XHTML CSS 標準では、次のようにする必要があります。これは、改行タグで始まる必要があることを意味します。 "

と記事のテキスト フィールド 、本文の後の "

" タグで終わります。
3. たとえば、HTML ページを作成するときに、多くの人は小さな改行タグ "br" を使用します。人々は、このタグを閉じる必要があることを知りません。たとえば、テキストの段落の後に改行する必要があるのは、「
」を追加するだけです。ここで改行が必要ですが、これは標準ではないため、XHTML 検証中には通過しません。「
」で閉じる必要があります。3. タグ名は小文字にする必要があります。
以前の Web ページでは、多くのタグは大文字または小文字で配置されていましたが、現在は WEB 標準のため、多くのタグは小文字である必要があります。 ;" は、", " または "," ” タイプセットなど、大文字または大文字と小文字の混合で使用されていましたが、XHTML の統合要件では、「 」を使用する必要があります。 ;,

4. XHTML ドキュメントにはルート要素が必要です。これは、 などのタグで終わる必要があることを意味します。

5.
images
には、alt
属性を追加する必要があります
以前は、画像は
img タグ内に表示されることがよくありました。追加するかどうかを指定できますが、xhtml では alt 属性を追加する必要があります。追加しない場合は、alt 値が空であっても、xhtml 検証でエラーが表示されます。 img src="画像アドレス" alt="画像の説明" /> alt を追加する利点は何ですか? 回答: alt を追加すると、画像のテキスト説明が提供され、 検索エンジンが画像の内容を識別できるようになります。画像は、Web ページを最適化するのに最適な場所です。 実際、普段 DIV+CSS を作るときはタグの使い方や仕様に気を配る必要があり、特に意識しなくても xhtml 規格はすぐにマスターできるでしょう。
これらの事例を読んだ後は、その方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。 related Reading：sssolutionを使用せずにマウスオーバースタイルを変更する方法HTML


JSDOMオブジェクトを操作するプロセスで背景色を表示できない理由

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