HTMLとXHTML、HTML4とHTML5のタグの違いについて簡単に紹介します。

HTML と XHTML の違い
1. XHTML要素は正しくネストされている必要がある
2. XHTML 要素は閉じられている必要があり、空のタグも閉じられている必要があります。のような

3. XHTML要素は小文字でなければならない

4. XHTML文書にはルート要素が必要です

5. XHTML 属性名は小文字でなければならず、属性値は引用符で囲む必要があり、属性を省略することはできません。例: <input checked="checked" />
6. XHTML では、name 属性の代わりに id 属性が使用されます。

注: XHTML を最新のブラウザと互換性のあるものにするには、「/」記号の前に余分なスペースを追加する必要があります。

7. 言語属性 (lang) lang 属性は、ほぼすべての XHTML 要素に適用されます。要素内のコンテンツで使用される言語の種類を定義します。要素で lang 属性を使用する場合は、次のように追加の xml:lang を追加する必要があります: <div lang="no" xml:lang="no">Heia Norge!</div>

XHTML 1.0 の 3 つの XML ドキュメント タイプ
XHTML 1.0 では、上記の 3 つの DTD に対応する 3 つの XML ドキュメント タイプが指定されています。

使用する場合: マークアップをきれいにし、プレゼンテーションの乱雑さを避けたい場合。カスケードスタイルシートと一緒に使用してください。

HTML のプレゼンテーション機能を活用する必要がある場合や、カスケーディング スタイル シートをサポートしていないブラウザー用に XHTML を記述する必要がある場合に使用します。

使用する場合: HTML フレームを使用してブラウザ ウィンドウを 2 つ以上のフレームに分割する必要がある場合。

HTML4 と HTML5

最近、HTML5 が非常に人気です。HTML5 タグと HTML4 タグの違いをいくつか見てみましょう。
1. 概念の変化:

HTML5はパフォーマンスではなくコンテンツと構造に重点を置いています

<ヘッダー>
<hgroup>ナビゲーション関連データ</hgroup>
</ヘッダー>
<nav>メニュー</nav>
<記事>
<h1>タイトル: HTML5 スペシャル ビデオ チュートリアル</h1>

2. 宣言とラベル:
HTML5 では、宣言とタグがさらに簡素化され、互換性に関する詳細な規定が設けられ、一部の要素が廃止され、一部の要素が追加されています。
HTML5 タグ構文と新しいタグの紹介

（１）構文タグ：

a. 終了文字の書き込みを許可しないタグ: area、basebr、col、command、Embed、hr、img、input、keygen、link、meta、param、source、Track、wbr
b. 終了文字を省略できるタグ: li、dt、dd、p、rt、optgroup、option、colgroup、thread、tbody、tr、td、th
c. 完全に省略できるタグ: html、head、body、colgroup、tbody

（2）新しいタグを追加する：

<article>タグは記事を定義します
<aside> タグは、ページのコンテンツ セクションのサイドバーを定義します。
<audio>タグはオーディオコンテンツを定義します
<canvas>タグは画像を定義します
<command>タグはコマンドボタンを定義します
<datalist>タグはドロップダウンリストを定義します
<details>タグは要素の詳細を定義します
<dialog>タグはダイアログボックス（セッションボックス）を定義します。
<embed>タグは外部のインタラクティブコンテンツまたはプラグインを定義します
<figure> タグは、メディア コンテンツのグループとそのタイトルを定義します。<footer> タグは、ページまたは領域の下部を定義します。
<header> タグは、ページまたはセクションのヘッダーを定義します。
<hgroup> タグは、ファイル内のブロックに関する情報を定義します。
<keygen>タグはフォーム内で生成されたキー値を定義します
<mark>タグはマークするテキストを定義します
<meter>タグは、定義済みの範囲内での測定値を定義します。
<nav>タグはナビゲーションリンクを定義します
<output>タグはいくつかの出力タイプを定義します
<progress> タグはタスクの進行状況を定義します。
<rp> タグは Ruby 注釈で使用され、Ruby 要素をサポートしていないブラウザにそれらの表示方法を指示します。
<rt>タグはルビ表記の解釈を定義する
<ruby> タグはルビ表記を定義します。
<section>タグはセクションを定義します
<source>タグはメディアリソースを定義します
<time>タグは日付/時刻を定義します
<video>タグはビデオを定義します

HTML5 の簡単な例