W3C標準に準拠したHTML標準で注意すべき点を詳細に解説

W3C標準に準拠したHTML標準で注意すべき点を詳細に解説
XML/HTML コードコンテンツをクリップボードにコピー
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
  2. トランジショナル//EN"
  3. 「http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd」 >     
  4. < html   xmlns = "http://www.w3.org/1999/xhtml" >     
  5. <ヘッド>     
  6. <メタ  http-equiv = "コンテンツタイプ"  コンテンツ= "text/html; 文字セット = utf-8"   />     
  7. < title > HTML 標準ソースコード - HTML 標準の主な注意点</ title >     
  8. <メタ  name = "キーワード"   content = "キーワード"   />     
  9. </ヘッド>     
  10. <本文>     
  11. 最初の行< br   />     
  12. 2行目
  13. < p >段落 2 </ p >     
  14. < p >段落 3 </ p >     
  15. </本文>     
  16. </html>      

△標準HTMLはW3Cソースコードに準拠

W3C標準に準拠したHTML標準に関する注意事項

1. まず、DOCTYPE宣言

2. <html> で始まる場合は、</html> で終わる必要があります。

3. <title> などの結合タグのペアは </title> で終わる必要があることに注意してください。

一般的な組み合わせタグには、div、p、title、head、html、table、tr、td、span、style、b、strong、ul、ol、li、dlの組み合わせ(dl、dt、dd)、bodyなどがあります。

4. 改行タグbrやその他のタグなどの単一タグは、<br />タグで表す必要があります。

単一タグにはbr、meta、linkなどがある

5. タグ名には、<div> などの小文字を使用し、<DIV> などの大文字の使用は避けてください。

HTML 標準、Web 標準、W3C 標準によれば、標準に準拠するには上記の点に従う必要があります。

タグのペアが必要なときと、タグが 1 つ必要なときをどうやって判断しますか? div+css を開発するときには、この点にさらに注意を払う必要があります。また、Dreamweaver ソフトウェアを使用して簡単に判断することもできます。

Dreamweaverを使用してタグを決定する方法は次のとおりです。

Dreamweaver ソフトウェアの「コード」に手書きで書き込むことで実行できます。通常、Dreamweaver ソフトウェアは、">" で終わるタグを書き込むと、単一のタグであれば、Dreamweaver ソフトウェアはそれを "<br />" のように "/>" に自動的に変換します。タグのペアに該当する場合は、">" タグを変換せず、"/>" に変更する代わりに ">" タグを表示します。このとき、タグの末尾は "</" とタグ名 + "> で終了する必要があります。たとえば、"<div>" は "</div>" で終わる必要があります。

以上、W3C標準に準拠したHTML標準で注意すべき点について詳細に解説しましたが、これがエディターが皆さんにシェアする内容の全てです。皆さんの参考になれば幸いです。また、123WORDPRESS.COMを応援していただければ幸いです。

<<:  HTMLはフォームタグを使用して登録ページのサンプルコードを実装します。

>>:  Nginxホットデプロイメントの実装

推薦する

LeetCode の SQL 実装 (175. 2 つのテーブルの結合)

[LeetCode] 175.2つのテーブルを結合する表: 人物+-------------+--...

Ubuntu 16.04.5LTS に SVN をインストールする手順

この記事では、UbuntuシステムでSVNを設定するプロセスを簡単に紹介します。ソースを更新sudo...

arcgis.js は、マップ本体の表示範囲を制御し、領域を超えた場合に自動的にバウンスするようにします (実装のアイデア)

目次背景効果アイデア背景少し前に、会社のプロジェクトで問題が発生しました。地図のベースマップ領域の範...

MySQL がテーブルを読み取れないエラー (MySQL 1018 エラー) の解決方法

1. エラーの再現MySQL データベースにはアクセスできますが、データベース テーブルを読み取るこ...

Webpack での publicPath の使用法の詳細な説明

目次出力出力パス出力.publicPath webpack-dev-server の publicP...

MySQL 5.0.96 for Windows x86 32 ビット グリーン簡易版インストール チュートリアル

MySQL 5.0 は、いくつかの「高度な機能」があるため定番となっています。これは、Windows...

Reactでaxiosを使用してリクエストを送信する一般的な方法

目次Reactにaxios依存関係をインストールして導入するGETリクエストにaxiosを使用するa...

フィボナッチ数列のJavaScript出力を実装する方法

目次トピック分析する基本的な解決策基本的な再帰再帰最適化要約するトピック私たちが答えなければならない...

ローカル Docker に Postgres 12 + pgadmin をインストールする方法 (Apple M1 をサポート)

目次導入Intel CPUをサポートApple M1のサポートテスト導入このプロジェクトでは最近、P...

MySQL から Excel にテーブルデータをエクスポートする際の日時形式に関する簡単な説明

最近、MySQL を使用してテーブル データを Excel ファイルにエクスポートしました。MySQ...

Vue.js フロントエンドプロジェクト向け多言語ソリューションのアイデアと実践

目次1. 通常どのようなコンテンツを処理する必要があるか2. 基本的な考え方3. 具体的な実践の詳細...

MySQL 5.7.21 winx64 のインストールと設定方法のグラフィックチュートリアル

この記事では、MySQL 5.7.21のインストールに関する注意事項をまとめ、皆さんと共有します。 ...

MySQLユーザー削除バグを解決する

著者が MySQL を使用してユーザーを追加していたところ、ユーザー名が間違って記述されていることに...

Webフォーム作成スキル

実際、上記の 3 つの表はいずれも 3 行 3 列です。区切り線を非表示にするコツはルールにあります...

Vue プロジェクトで mock.js を使用するための完全な手順

Vue プロジェクトで mock.js を使用する開発ツールの選択: Vscode 1. コマンドラ...