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

推薦する

JavaScript での実行コンテキストと実行スタックの例の説明

JavaScript - 原則シリーズ日常の開発では、既存のプロジェクトを引き継ぐときは常に、まず他...

Vue の一般的な問題と解決策の概要 (推奨)

Vue に限定されず、他の種類の SPA プロジェクトにも当てはまる問題がいくつかあります。 1....

LinkedIn がウェブサイト閲覧を簡素化するためにリニューアル

ビジネス ソーシャル ネットワーキング サイト LinkedIn は最近、ナビゲーション バーとユー...

vuex での mapState の考え方の応用

目次1. マップ方式2. 応用背景:需要開発プロセス中に、一部のインターフェースは、ページに表示する...

yum 経由で CentOS に PHP をインストールするチュートリアル

まず、yumを使ってCentOSにPHPをインストールする方法を紹介します。 1. PHPのyumソ...

Idea で Docker を使用して SpringBoot プロジェクトをデプロイする詳細な手順

序文プロジェクト要件: Dockeridea に Docker プラグインをインストールし、Dock...

CSSは下部のタップバー機能を実装します

現在多くの携帯電話には、下部のタブバーを切り替える機能があります。私も最近、同様の機能を見つけました...

光るテキストとちょっとしたJS特殊効果を実現するCSS

実装のアイデア: CSSでtext-shadowを使用してテキストの光る効果を実現します効果画像: ...

MySQL 5.7.18 でパスワードを変更する方法

MySQL 5.7.18 でパスワードを変更する方法: 1. まずMySQLサーバーをシャットダウン...

Navicat for MySQL 11 登録コード\アクティベーションコードの概要

おすすめの読み物: Navicat12.1シリーズのクラッキングとアクティベーションのチュートリアル...

HTML フォーム タグの使用方法を学ぶチュートリアル

HTML のフォームを使用して、ユーザーからさまざまな種類の入力情報を収集できます。フォームは、実際...

HTML+CSSで充電水滴融合特殊効果コードを実現

目次序文:成し遂げる:要約:まず効果を見てみましょう: 序文:このアイデアは、Bilibili のア...

Dockerイメージのローカル移行の実装

最近 Docker を勉強しているのですが、よく問題に遭遇します。Docker イメージをダウンロー...

jQuery を使用してカルーセル効果を実装する

本日ご紹介するのは、jQuery を使用してシンプルなカルーセルを実装する方法です。実装の原則は次の...

MySQL EXPLAIN出力列の詳細な説明

1. はじめにEXPLAIN ステートメントは、MySQL がステートメントを実行する方法に関する情...