ウェブページ作成の基本宣言文書型記述(DTD

ウェブページ作成の基本宣言文書型記述(DTD
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内の一部の設定ファイルがリセットされる問題を解決します

推薦する

CSSのさまざまな背景、使用シナリオ、テクニックの詳細な分析

この記事はGitHub https://github.com/qq449245884/xiaozhi...

Vue 開発ガイドの重要な知識の要約

目次概要0. JavaScriptとWeb開発の基礎1. Vueの基本概念Vue コア機能コンポーネ...

Vue lazyload 画像遅延読み込み例の詳細な説明

ドキュメント: https://github.com/hilongjw/vue-lazyload 1...

Centos7 に Docker をインストールします (2020 の最新バージョンが利用可能、コピーして貼り付けるだけ)

操作については、こちらの公式ドキュメントを参照してください。インストール1. 古いバージョンの do...

JS初心者が配列を処理するための実践的な方法のまとめ

join() メソッド: 指定された区切り文字を使用して配列内のすべての要素を文字列に接続します。例...

MySQLクエリインターセプトの詳細な分析

目次1. クエリの最適化1. MySQLチューニングの概要2. 小さなテーブルが大きなテーブルを動か...

Alpine Dockerイメージフォント問題解決操作

1. フォントを実行し、フォント フォルダーを開いて、使用するフォント ファイルを見つけます。 2....

MySQL5.7.17 winx64 インストール バージョン構成方法 Windows Server 2008 R2 でのグラフィック チュートリアル

参考までに、Winでmysql5.7をインストールします。具体的な内容は次のとおりです。 @Auth...

JavaScript は、シンプルな虫眼鏡の最も完全なコード分析を実装します (ES5)

この記事では、参考までに、シンプルな虫眼鏡を実装するためのJavaScriptの具体的なコードを紹介...

Linuxドライバのプラットフォームバスの詳細説明

目次1. プラットフォームバスの紹介1.1. Linuxドライバの分離と階層化1.1.1. Linu...

jsはショッピングサイトの虫眼鏡機能を実現します

この記事では、ショッピングサイトの虫眼鏡機能を実現するためのjsの具体的なコードを紹介します。具体的...

VUEの基本を理解するのに役立つ記事

目次VUEとはVueのコアプラグインVueルーターヴュークスアクシオス要素UI Vue フロントエン...

CSS でのナビゲーション バーとドロップダウン メニューの実装

1. CSSナビゲーションバー(1)ナビゲーションバーの機能ナビゲーション バーを使いこなすことは、...

MySQLのLIMIT文について詳しく説明します

目次質問サーバー層とストレージエンジン層LIMITって何ですか?何をするか?トゥカオ最近、Q&...

MySQL の日付関数と日付変換およびフォーマット関数

MySQL は、膨大なユーザーベースを持つ無料のリレーショナル データベースです。この記事では、My...