HTMLタグを閉じるのを忘れないでください

HTMLタグを閉じるのを忘れないでください
Web 標準に準拠した Web ページの構築は、jb51.net が常に全員と議論しているトピックです。では、すべての XHTML 要素を閉じることを覚えていますか? HTML の一部の要素は閉じる必要がありません。次の要素が開始されると、前の要素は自動的に閉じられます。 XHTML ではこれは許可されません。コンテンツがない場合でも、すべての要素は閉じられている必要があります (<img> など)。この種のページ編集は Web 標準に準拠しています。


間違い:
<li>アイテム 1
正しい:
<li>項目 1</li>

間違い:
<p>Lorem ipsum dolor sit amet、consectetuer adipiscing elit。
正しい:
<p>Lorem ipsum dolor sit amet、consectetuer adipiscing elit.</p>

間違い:
<br>
正しい:
<br />

間違い:
<img src="image.jpg" alt="">
正しい:
<img src="image.jpg" alt="" />

間違った習慣は100%避けるべきです。いつものように、すべてのマーカーを常に閉じた状態にしておいてください。

<<:  Docker メモリ監視とストレステストの方法

>>:  jQueryはキャンバスタグを使用して検証コードを描画します

推薦する

テキストエリアの使用に関する注意事項

なぜテキストエリアについて具体的に言及するのでしょうか?なぜなら、textarea ノードは実際には...

Ubuntu仮想マシンでシリアル通信にcutecomを使用する方法

Ubuntu仮想マシンでのシリアル通信にcutecomを使用する1. cutecomをインストールす...

検証コード干渉を実装する js (静的)

この記事では、検証コード干渉を実装するためのjsの具体的なコードを参考までに共有します。具体的な内容...

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

この問題について話すとき、垂直方向の中央揃えを設定するための vertical-align 属性が ...

Tomcat のインストール後に起こりうる問題の紹介

1. Tomcatサービスが開いていませんブラウザのアドレスバーにlocalhost:8080と入力...

Vueカスタム指示により、ポップアップウィンドウのドラッグ4辺ストレッチと対角ストレッチ効果を実現

導入同社の最近の Vue フロントエンド プロジェクトの要件: ポップアップ ウィンドウのドラッグ、...

MySQL の分離レベルの包括的な分析

データベースが同じデータ バッチを同時に追加、削除、および変更すると、ダーティ書き込み、ダーティ読み...

Linuxでawkを使用する方法の詳細な説明

awk を学ぶ前に、sed、grep、tr、cut などのコマンドを学んでおく必要があります。これら...

HTML タグのメタ概要、HTML5 のヘッド メタ属性の概要

序文metaはhtml言語のhead領域にある補助タグです。おそらく、これらのコードは不要だと思うで...

dockerでifconfigが利用できない問題を解決する

最近、docker を学習していたときに、docker コンテナ内のネットワーク状態を照会するために...

1分でVueが右クリックメニューを実装

目次レンダリングインストールコードの実装カスタムスタイル要約する効率的に要件を満たし、車輪の再発明を...

HTML で margin:0 auto を使用するとページ全体が中央に配置されない問題の解決方法

今日、jsp ページを書きました。<div style="margin:0 auto...

MySQL5.7.03 上位バージョンから MySQL 5.7.17 への置き換えインストール プロセスと見つかった問題の解決策

1. インストール方法は? 1. [実行] -> [cmd] と入力して、小さな黒いウィンドウ...

Apple M1チップにnginxをインストールし、vueプロジェクトをデプロイする詳細な手順

nginx をインストールApple Mac ではインストールに brew を使用します。brew ...