xHTML タグと HTML タグの違いは何ですか?

xHTML タグと HTML タグの違いは何ですか?
すべてのタグは小文字でなければなりません

XHTML では、すべてのタグは小文字でなければなりません。大文字と小文字を混在させたり、すべて大文字にしたりすることはできません。以下は例です。
エラー: <Head></Head><Body></Body>
正しい: <head></head><body></body>

タグはペアでなければなりません

<p>...</p>、<a>...</a>、<div>...</div> タグのように、タグが表示されるときは、対応する終了タグが存在する必要があります。これは、あらゆるプログラミング言語の括弧と同様に、どちらも不可欠です。
間違い: みなさんこんにちは <p> は本当に良いことです 正解: <p>みなさんこんにちは</p><p> は本当に良いことです</p>

要約:

タグの順序は正しくなければなりません。タグは外側から内側へ、レイヤーごとにラップされます。したがって、最初に div を記述してから h1 を記述する場合は、最初に h1 を記述し、最後に div を記述する必要があります。 「先入れ後出し」の原則を覚えておいてください。最初にポップアップするタグは最後に終了する必要があります。
エラー: <div><h1>こんにちは</div></h1>
正解: <div><h1>csdn</h1></div>

すべての属性は二重引用符で囲む必要があります。

XHTML 1.0 では、一重引用符も使用できないと規定されているため、全体を通して二重引用符を使用する必要があります。
エラー:<div style=font-size:11px>csdn</div>
正しい: <div style="font-size:11px">csdn</div

target="_blank" は許可されません

XHTML1.1 以降では target 属性は完全に禁止されています。新しいウィンドウを開く機能を持たせたい場合は、rel="external" と書き換えて、JavaScript を使用してこの効果を実現する必要があります。
エラー:<a href="http://blog.mukispace.com" target="_blank">csdn</a>
正解: <a href="http://blog.mukispace.com" rel="external">csdn</a> 舌を突き出す

<<:  単一/複数行テキストを含む div を垂直方向に中央揃えする N 通りの方法 (高さ不明/高さ固定)

>>:  docker-maven-pluginプラグインは対応するjarパッケージを取得できません

推薦する

CSSスクロールバースタイル設定の実装

Webkit スクロールバー スタイルのリセット1. スクロールバーには、スクロールバー ボタンとト...

React を使って小さなプログラムを書くための Remax フレームワークのコンパイル プロセス分析 (推奨)

Remax は、実行時に構文制限のないソリューションを採用した React を使用して小規模なプロ...

Vue は水の波紋効果のクリックフィードバック指示を実装します

目次水波効果実装を見てみましょう水の波紋のデフォルトスタイルをカスタマイズする水の波紋の位置と直径を...

CSSアニメーション属性キーフレームの詳細な説明

コラムを更新してからどれくらい経ったでしょうか?半年ですか?今年の後半は、まさに離陸、つまり文字通り...

現在のマウススライドの座標を取得するVue+openlayer5メソッド

序文: Vue プロジェクトで現在のマウスの座標を取得するにはどうすればよいでしょうか。ここで共有す...

ウェブデザインの経験とスキルの概要

■ ウェブサイトのテーマ計画 ウェブサイトのテーマが断片化しすぎないように注意してください。一般的に...

MYSQL 5.6 スレーブレプリケーションの展開と監視

MYSQL 5.6 スレーブレプリケーションの展開と監視MYSQL 5.6 のインストールと展開 #...

CSS で雨滴アニメーション効果を実装するサンプルコード

ガラス窓今日実現するのは雨滴効果です。ただし、雨滴効果を実現する前に、まずは曇りガラス効果を作成しま...

DOCTYPEタイプの詳細な紹介

<br />通常、HTML では次の方法で DOCTYPE を宣言します。 <!D...

時系列転位修復ケースを実装するSQL

目次1. 要件の説明2. アイデアの概要1. 延長を要求する2. アイデアの概要3. SQLコード1...

JavaScript デザインパターンの学習 アダプタパターン

目次概要コードの実装要約する概要アダプタ パターンは、デザイン パターンの動作パターンのパターンです...

Nginx/Httpd リバース プロキシ Tomcat 設定チュートリアル

以前のブログでは、Tomcatのサーバーの各コンポーネントの使用について学びました。 Tomcatは...

変換を使用して純粋な CSS ポップアップ メニューを実装するためのサンプル コード

序文トップメニューを作成する場合、ポップアップのセカンダリメニューを作成する必要があります。 以前の...

Linux ログ表示方法 6 つのまとめ

バックエンド プログラマーは、さまざまな場所で Linux を扱います。Linux ログの読み方がわ...