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

推薦する

nginx をコンパイルしてインストールした後、スムーズに nginx をアップグレードする方法

nginx をコンパイルしてインストールし、一定期間使用した後、現在のバージョンに脆弱性があることや...

webpackでCSSを分割・圧縮し、リンクでインポートする手順

まずコードファイルの構造を見てみましょう。エントリファイル (index1.js) の内容: ...

ユニークインデックスの S ロックと X ロックによる MySQL デッドロック ルーチンの理解

「初心者向けソースコードからの MySQL デッドロック問題の理解」では、MySQL ソースコードを...

Alibaba Cloud Docker Yum ソースを使用した Docker 17.03.2 の CentOS7 オンラインインストールの詳細説明

参照ドキュメント公式 Docker インストール ドキュメント: https://docs.dock...

mysql5.6 マスタースレーブ設定と非同期の問題の詳細な説明

目次1. MySQL マスタースレーブレプリケーションの原理2. MySQLのコンパイルとインストー...

MySQL 4G メモリ サーバー構成の最適化

会社のウェブサイトのアクセス数が増えてくると(1日10万PV以上)、当然MySQLがボトルネックにな...

ローカルで起動したときに Vue プロジェクトがクッキーを保持できない問題を解決する

vueプロジェクトをパッケージ化してサーバーにデプロイし、正常にログインできるが、ローカルで起動する...

VirtualBox Centos7 の NAT+ホストオンリーネットワークの落とし穴のまとめ

目次1. 問題の背景2. 仮想マシン ネットワーク カードの接続方法は何ですか? 2.1 NAT 2...

モバイルデバイス上のぼやけた小さなアイコンの問題を解決する方法

序文以前、画像とテキストの垂直方向のずれの問題について説明しました。ここで示した小さな例では、小さな...

MySQL データ型の選択原則

目次小さいけれど美しいシンプルにNULL値を避けるデータタイプを選択する手順データ型の紹介1. 文字...

CSS の ::before と ::after 疑似要素について知らないこと

CSS には、一般的には使用されない 2 つの疑似クラス、before と :after があります...

ラベルとスパンの幅設定が無効である問題の解決

デフォルトでは、ラベルとスパンの幅の設定は無効です。一般的に、表示属性は必須ですコードをコピーコード...

mysql5.7 のエンコーディングを utf8mb4 に設定する方法

最近、問題に遭遇しました。モバイル端末の絵文字や一部の絵文字は 4 バイトですが、UTF-8 は 3...

Nginxはリバースプロキシを使用して負荷分散プロセス分析を実装します

導入dockerコンテナとdocker-composeに基づいて、Linux環境でのdockerの基...

ウェブサイトのコンテンツの一部を傍受するための iframe を実装するためのアイデアとコード

コードをコピーコードは次のとおりです。 <div スタイル="幅:630px;高さ:...