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パッケージを取得できません

推薦する

CSS3入力ボックスの実装コードはGoogleログインのアニメーション効果に似ています

CSS3を使用して、Googleログインページと同様の入力ボックスをアニメーション化します。効果1 ...

MySQLテーブルを削除する方法

MySQL でテーブルを削除するのは非常に簡単ですが、削除コマンドを実行するとすべてのデータが消えて...

Linuxファイルの基本属性の知識ポイントのまとめ

Linux システムは典型的なマルチユーザー システムです。異なるユーザーは異なる立場にあり、異なる...

Linux サーバーに埋め込まれた ddgs および qW3xT.2 マイニング ウイルスの対処の実践記録

序文仮想通貨の狂気的な投機により、マイニングウイルスは犯罪者が最も頻繁に使用する攻撃方法の 1 つに...

Docker を使用して Nginx+Flask+Mongo アプリケーションをデプロイする

サーバーにはNginx、データベースサポートにはMongo、Python言語のWebフレームワークに...

MySQL の大きなデータ テーブルにフィールドを追加する方法

序文フィールドの追加は誰でもよく知っていると思います。簡単に記述できます。MySQL テーブルにフィ...

AWS無料サーバーアプリケーションとネットワークプロキシ設定チュートリアルの詳細な説明

目次予防必要条件AWSアカウントを申請する仮想マシンの申請と有効化仮想マシンを申請するセキュリティグ...

高性能な HTML アプリケーションを作成するためのヒント

Web ページのパフォーマンスを向上させるにはどうすればよいでしょうか?ほとんどの開発者は、Java...

MySQL データベースのインポートとエクスポートのデータ エラーの解決例の説明

データのエクスポートエラーを報告する 「secure_file_priv」のような変数を表示します。...

Reactコンポーネントのライフサイクル機能についての簡単な説明

React コンポーネントのライフサイクル機能とは何ですか?ライフサイクル関数は、ES6 構文クラス...

vue3.0+echarts は 3 次元の縦棒グラフを実現します

序文: Vue3.0はechartsの3次元縦棒グラフを実装します結果: 実装手順: 1. echa...

Linux システムでの nginx サーバーのインストールと負荷分散構成の詳細な説明

nginx (エンジン x) は、高性能な HTTP およびリバース プロキシ サーバー、メール プ...

Node.js でメモリ効率の高いアプリケーションを作成する方法

目次序文問題: 大きなファイルのコピーNodeJS のストリームとバッファバッファストリーム解決策 ...

js は、州、市、地区の 3 段階の選択カスケードを実装します。

この記事では、省、市、地区の3段階選択を実現するためのjsの具体的なコードを紹介します。具体的な内容...

JavaScript実行メカニズムの詳細な紹介

目次1. プロセスとスレッドの概念2. ブラウザの原則3. 同期と非同期4. 実行スタックとタスクキ...