検索
ホームページウェブフロントエンドhtmlチュートリアルHTMLとXHTML、HTML4とHTML5のタグの違いの紹介_HTML/Xhtml_Webページ制作

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. /span>
  3. PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  4. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

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

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

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

XML/HTML コードコンテンツをクリップボードにコピー
  1. XHTML 1.0 フレームセット
  2. /span>
  3. PUBLIC "-//W3C//DTD XHTML 1.0 フレームセット//EN"
  4. "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 までご連絡ください。
HTMLとコード:用語を詳しく見るHTMLとコード:用語を詳しく見るApr 10, 2025 am 09:28 AM

htmlisaspecifictypeofcodefocuseduructuringwebcontent

HTML、CSS、およびJavaScript:Web開発者に不可欠なツールHTML、CSS、およびJavaScript:Web開発者に不可欠なツールApr 09, 2025 am 12:12 AM

HTML、CSS、およびJavaScriptは、Web開発の3つの柱です。 1。HTMLは、Webページ構造を定義し、などなどのタグを使用します。2。CSSは、色、フォントサイズなどのセレクターと属性を使用してWebページスタイルを制御します。

HTML、CSS、およびJavaScriptの役割:コアの責任HTML、CSS、およびJavaScriptの役割:コアの責任Apr 08, 2025 pm 07:05 PM

HTMLはWeb構造を定義し、CSSはスタイルとレイアウトを担当し、JavaScriptは動的な相互作用を提供します。 3人はWeb開発で職務を遂行し、共同でカラフルなWebサイトを構築します。

HTMLは初心者のために簡単に学ぶことができますか?HTMLは初心者のために簡単に学ぶことができますか?Apr 07, 2025 am 12:11 AM

HTMLは、簡単に学習しやすく、結果をすばやく見ることができるため、初心者に適しています。 1)HTMLの学習曲線はスムーズで簡単に開始できます。 2)基本タグをマスターして、Webページの作成を開始します。 3)柔軟性が高く、CSSおよびJavaScriptと組み合わせて使用​​できます。 4)豊富な学習リソースと最新のツールは、学習プロセスをサポートしています。

HTMLでの開始タグの例は何ですか?HTMLでの開始タグの例は何ですか?Apr 06, 2025 am 12:04 AM

Anexampleapalofastartingtaginhtmlis、それはaperginsaparagraph.startingtagsaresentionentientiontheyinitiateelements、definetheirtypes、およびarecrucialforurturingwebpagesandcontingthomedomを構築します。

CSSのフレックスボックスレイアウトを使用して、メニューの点線のラインセグメンテーション効果のセンターアラインメントを実現する方法は?CSSのフレックスボックスレイアウトを使用して、メニューの点線のラインセグメンテーション効果のセンターアラインメントを実現する方法は?Apr 05, 2025 pm 01:24 PM

メニューで点線のラインセグメンテーション効果を設計する方法は?メニューを設計するときは、通常、皿の名前と価格の間に左右に合わせることは難しくありませんが、真ん中の点線またはポイントはどうですか...

オンラインコードエディターはコード入力を実装するためにどのようなHTML要素を使用していますか?オンラインコードエディターはコード入力を実装するためにどのようなHTML要素を使用していますか?Apr 05, 2025 pm 01:21 PM

WebコードエディターのHTML要素分析では、多くのオンラインコードエディターを使用すると、ユーザーはHTML、CSS、およびJavaScriptコードを入力できます。最近、誰かが提案した...

React static Page構成:React-AppReviredを使用したコード圧縮を避ける方法は?React static Page構成:React-AppReviredを使用したコード圧縮を避ける方法は?Apr 05, 2025 pm 01:18 PM

React-App-Recrowiredを使用して静的ページを構築するときにコード圧縮を回避する方法について多くの開発者が配信したい...

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

SecLists

SecLists

SecLists は、セキュリティ テスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティ テスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティ テストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジング ペイロード、機密データ パターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテスト マシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

AtomエディタMac版ダウンロード

AtomエディタMac版ダウンロード

最も人気のあるオープンソースエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい