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

推薦する

レスポンシブ原則のソースコード分析のVue解釈

目次初期化初期化状態()初期化プロパティ()初期化データ()観察する()オブザーバーリアクティブを定...

mysql5.7.14 解凍版インストールグラフィックチュートリアル

MySQL は、コミュニティ エディション (コミュニティ サーバー) とエンタープライズ エディシ...

ドラッグ可能で編集可能なガントチャートの詳細な説明(HighchartsはVueとReactで使用できます)

序文Excel は強力で、広く使用されています。 Web アプリケーションの登場と改善に伴い、ユーザ...

CSSを使用して特別なロゴやグラフィックを実装する

1. はじめに画像は多くのスペースを占め、画像の数が増えるほど管理が難しくなるため、シンプルなラベル...

JavaScript で支払いの 10 秒カウントダウンを実現

この記事では、支払いの10秒カウントダウンを実現するためのJavaScriptの具体的なコードを参考...

Nodejs で WeChat アカウント分割を実装するためのサンプルコード

会社のビジネスシナリオでは、WeChat アカウント分割機能を使用する必要があります。公式 Web ...

Ubuntu ターミナル マルチウィンドウ 分割画面 ターミネーター

1. インストールターミネーターの最大の特徴は、1つのウィンドウで複数のターミナルを開くことができる...

Linuxはsttyを使用して端末の回線設定を表示および変更します。

Sttty は、Linux で端末設定を変更および印刷するための一般的なコマンドです。 1. パラ...

JavaScript ではおそらく switch 文を使う必要はない

目次スイッチも複雑なコードブロックもありませんPythonからのインスピレーション辞書を使用してスイ...

VMware 15.5 に CentOS7 をインストールするためのグラフィック チュートリアル

1. VMware 15.5で新しい仮想マシンを作成する1. VMware を開き、ホームページで「...

MySQL で datetime 型のデフォルト値を設定する方法

Navicat クライアントを通じてデフォルトの日時値を変更する際に問題が発生しました。データベース...

HTML特殊文字の徹底分析

HTML徹底解析(14)特殊文字 ■ よく使われる特殊文字 HTMLタグを知っていれば、特殊文字の使...

JavaScriptは双方向リンクリストプロセス分析を実装します

目次1. 二重連結リストとは何か2. 双方向リンクリストのカプセル化3. 双方向リンクリストの一般的...

XHTML 入門チュートリアル: XHTML タグ

XHTML タグの紹介<br />おそらく、前のセクションで、XHTML ファイルと通常...

DockerHubイメージリポジトリの使い方の詳しい説明

これまで使用していたイメージはすべて DockerHub パブリック リポジトリから取得していました...