ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLとXHTML、HTML4とHTML5のタグの違いの紹介_HTML/Xhtml_Webページ制作

HTMLとXHTML、HTML4とHTML5のタグの違いの紹介_HTML/Xhtml_Webページ制作

WBOY
WBOYオリジナル
2016-05-16 16:36:251466ブラウズ

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

など

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

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

5. XHTML 属性名は小文字にする必要があり、属性値は引用符で囲む必要があり、属性を省略することはできません。例:
6. XHTML は、name 属性の代わりに id 属性を使用します。

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

7. 言語属性 (lang) lang 属性は、ほぼすべての XHTML 要素に適用されます。要素内のコンテンツに使用される言語のタイプを定義します。要素で lang 属性を使用する場合は、次のように xml:lang を追加する必要があります:

Heia Norge!

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

XML/HTML コードコンテンツをクリップボードにコピー
  1. XHTML 1.0 厳密
  2. PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

パフォーマンスの混乱を避けるためにクリーンなマークアップが必要な状況で使用します。カスケードスタイルシートと組み合わせてご利用ください。

XML/HTML コードコンテンツをクリップボードにコピー
  1. XHTML 1.0 移行版
  2. PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

HTML のプレゼンテーション機能を利用する必要がある場合、およびカスケード スタイル シートをサポートしていないブラウザ用に XHTML を作成する必要がある場合に使用します。

XML/HTML コードコンテンツをクリップボードにコピー
  1. XHTML 1.0 フレームセット
  2. PUBLIC "-//W3C//DTD XHTML 1.0 フレームセット//EN"
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

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

HTML4 および HTML5

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

HTML5 はコンテンツと構造に焦点を当てますが、パフォーマンスには焦点を当てません


ナビゲーション関連データ

>

タイトル: HTML5 特別ビデオチュートリアル



2. 宣言とタグ:
HTML5 では、より多くの宣言とタグが簡素化され、互換性に関する詳細な規定が設けられ、一部の要素が廃止され、いくつかの要素が追加されました。 HTML5 タグ構文の概要と新しいタグ


(1)、文法タグ:

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、ボディ


(2)、新しいタグ:

タグは記事を定義します

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事:CSS SASSスタイルプログラミングガイド_HTML/Xhtml_Webページ制作次の記事:CSS SASSスタイルプログラミングガイド_HTML/Xhtml_Webページ制作

関連記事

続きを見る