CSS レイアウトを使用して WEB 標準に準拠した Web ページを作成することは、jb51.net で常に議論されているトピックです。今日は、ドキュメント タイプ記述 (DTD) の宣言について説明します。 すべてのファイルは、ページを開くときに従うべきルールをブラウザに伝えるために、ドキュメント型定義 (DTD) で始まる必要があります。 Web デザイン ツール Dreamweaver を使用して新しい Web ドキュメントを作成すると、新しいドキュメントの最初の行に DOCTYPE 宣言が表示されます。 DOCTYPE はドキュメント タイプの略語であり、現在のドキュメントの基本的なタイプを定義します。つまり、すべてのファイルで文書型定義 (DTD) を使用する必要があります。 実際、DOCTYPE は機械が読み取り可能な仕様のセットにすぎません。ファイルの URL が含まれていますが、ブラウザはこれらのファイルを読み取りません。これは識別のためだけに使用され、ページ内のコードを実行するために使用する仕様を決定します。 「DOCTYPE はページ上部の開始 HTML タグの前に配置され、ページに HTML、XHTML、またはその両方の組み合わせが含まれているかどうかをブラウザに伝え、マークアップを正しく解釈できるようにします。」 ウェブサイトの作成には4種類のドキュメントタイプを使用します <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> ドキュメントの種類は 4 つあります。 HTML4.01 では、一般的に使用される 2 つの DTD が提供されています。 (1) 厳密: 厳密なDTDが必要であり、ユーザーはHTML4.01の定義に準拠したタグを使用する必要があります。 (2)緩い線:以前のバージョンのHTMLとの互換性が高い、より緩いDTDを必要とします。 XHTML1.0 では、一般的に使用される 2 つの DTD が提供されています。 (1) 移行型: 要件が非常に緩い DTD。ユーザーは HTML4.01 タグを引き続き使用できますが、XHTML の記述に準拠する必要があります。 (2)厳しい ![]() DTD は Document Type Definition (文書型定義) の略です。特定のバージョンの XML、XHTML、HTML で何ができるか、何ができないかを定義します。Web ページを読み込む際、ブラウザは規定の宣言仕様を使用してページの内容が有効かどうかを確認し、適切な措置とコードを実行して文書内のコードを解釈します。 これらがどのように機能するかを詳しく調べる必要はありません。標準的な Web ページを開発し、CSS が正しくレンダリングされることを保証できることを知るだけで十分です。 一般的に、読者は移行文書タイプを選択することをお勧めします。このタイプの DTD はより緩やかで、W3C コード検証に合格しやすく、現在の国内開発環境とほとんどの開発者のレベルに適しています。 私たちも厳しいレベルに向けて発展していかなければなりません!ただし、Adobe Dreamweaver CS3/CS4 ツールのデフォルト設定は厳格です。 |
<<: CSS で画像アダプティブ コンテナを実装するためのサンプル コード
>>: dockerコンテナの再起動後に/etc内の一部の設定ファイルがリセットされる問題を解決します
この記事はGitHub https://github.com/qq449245884/xiaozhi...
目次概要0. JavaScriptとWeb開発の基礎1. Vueの基本概念Vue コア機能コンポーネ...
ドキュメント: https://github.com/hilongjw/vue-lazyload 1...
操作については、こちらの公式ドキュメントを参照してください。インストール1. 古いバージョンの do...
join() メソッド: 指定された区切り文字を使用して配列内のすべての要素を文字列に接続します。例...
目次1. クエリの最適化1. MySQLチューニングの概要2. 小さなテーブルが大きなテーブルを動か...
1. フォントを実行し、フォント フォルダーを開いて、使用するフォント ファイルを見つけます。 2....
参考までに、Winでmysql5.7をインストールします。具体的な内容は次のとおりです。 @Auth...
この記事では、参考までに、シンプルな虫眼鏡を実装するためのJavaScriptの具体的なコードを紹介...
目次1. プラットフォームバスの紹介1.1. Linuxドライバの分離と階層化1.1.1. Linu...
この記事では、ショッピングサイトの虫眼鏡機能を実現するためのjsの具体的なコードを紹介します。具体的...
目次VUEとはVueのコアプラグインVueルーターヴュークスアクシオス要素UI Vue フロントエン...
1. CSSナビゲーションバー(1)ナビゲーションバーの機能ナビゲーション バーを使いこなすことは、...
目次質問サーバー層とストレージエンジン層LIMITって何ですか?何をするか?トゥカオ最近、Q&...
MySQL は、膨大なユーザーベースを持つ無料のリレーショナル データベースです。この記事では、My...