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ホットデプロイメントの実装

推薦する

Vue3.0 ルーティング自動インポート方法の例

1. 前提条件インポートには require.context メソッドを使用します。vite で作成...

Dockerはmacvlanをベースにホスト間コンテナ通信を実装する

2 台のテスト マシンを見つけます。 [root@docker1 centos_zabbix]# d...

MySQLはランダムに一定数のレコードを抽出します

以前は、このような使用シナリオを処理するために rand() で直接 order していましたが、効...

数ステップでサイバーパンク2077風の視覚効果を実現するCSS

背景記事を始める前に、賽博朋克とは何か、賽博朋克2077とは何かを簡単に理解しましょう。サイバーパン...

Vue スクロールダウンしてさらにデータを読み込む スクロールケースの詳細な説明

vue-無限スクロールインストール npm インストール vue-infinite-scroll -...

JS でクリップボード API を使用する方法

目次1. Document.execCommand() メソッド(1)コピー操作(2)貼り付け操作(...

Tomcat の 404 エラーの解決方法の詳細な説明

Tomcat テストで 404 問題が発生します。問題は次のとおりです。 HTTP ステータス 40...

crontab スケジュールされたタスクが実行されない理由の分析と解決

序文Linux のスケジュールされたタスクを実装する方法としては、cron、anacron、at な...

JavaScriptは行削除機能を備えたテーブルを動的に生成します

この記事の例では、テーブルを動的に生成したり行を削除したりするためのJavaScriptの具体的なコ...

Vue3ライフサイクル関数とメソッドの詳細な説明

1. 概要いわゆるライフサイクル機能とは、特定の条件下で自動的にトリガーされる機能です。 2. VU...

MySQL における IF()、IFNULL()、NULLIF()、および ISNULL() 関数の使用に関する詳細な説明

MySQL では、IF()、IFNULL()、NULLIF()、および ISNULL() 関数を使用...

TypeScript 列挙の基本と例

目次序文TypeScript の列挙型とは何ですか? TypeScriptで列挙型を使用する際に注意...

CSS導入方法4つのまとめ(共有)

1. インライン参照:ラベルに直接使用されるが、メンテナンスコストが高い スタイル='フォ...

Vue uniapp はセグメンター効果を実現します

この記事では、セグメンター効果を実現するためのvue uniappの具体的なコードを参考までに共有し...

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

このチュートリアルでは、MySQL 5.7のインストールと設定方法を参考までに紹介します。具体的な内...