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

推薦する

リモートホスト上でスクリプトや命令を実行する Zabbix の詳細な説明

シナリオ要件1. zabbix_server Web インターフェースのスクリプト機能を使用すると、...

WindowsにOpenSSLをインストールし、OpenSSLを使用して公開鍵と秘密鍵を生成します。

1. OpenSSL公式サイト公式ダウンロードアドレス: https://www.openssl....

Vue3.0 で Vuex 状態管理を開始する方法をすぐに習得します

Vuex は、Vue.js アプリケーション専用に開発された状態管理パターンです。集中型ストレージを...

Vue3とTypeScriptを組み合わせたプロジェクト開発の実践記録

目次概要1. コンポジションAPI 1. ref と reactive の違いは何ですか? 2. 周...

Ubuntu 18.04 は pyenv、pyenv-virtualenv、virtualenv、Numpy、SciPy、Pillow、Matplotlib をインストールします

1. 現在、Pythonのバージョン管理ツールは数多く存在します。その中でも比較的使いやすいのがPy...

Vueは、センシティブな単語フィルタリングコンポーネントを検出するためのさまざまなアイデアを実装しています。

目次前面に書かれた要件分析 v1アイデア1: インターセプションメソッドを使用して入力ボックスの入力...

MySQL スライディングオーダー問題の原理と解決の例分析

この記事では、例を使用して、MySQL スライディング順序問題の原理と解決方法を説明します。ご参考ま...

コードレイン効果を実現するJavaScriptキャンバス

この記事では、コードレイン効果を実現するためのキャンバスの具体的なコードを参考までに共有します。具体...

JavaScriptは、マウスが通過したときにドロップダウンボックスを表示するように実装します。

この記事では、マウスがドロップダウンボックスの上を通過するときにドロップダウンボックスを表示するため...

WeChatアプレットでQRコードを識別するために長押しする実装プロセス

序文公式アカウントのQRコードは長押しで認識できることは皆さんご存じですが、ミニプログラムに対する制...

VUE ユニアプリの基本コンポーネントの簡単な紹介

1. スクロールビュー垂直スクロールを使用する場合は、固定の高さを指定して CSS で高さを設定する...

CocosCreatorでゲームコントローラーを使用する方法

目次1. シーンレイアウト2. ハンドルリスナーを追加する1. イベントの変更を監視する2. 座標設...

SQL ストアド プロシージャの取得、データ取得、プロセス分析

この記事は主に、SQL のストアド プロシージャから返されたデータを取得するプロセスの分析を紹介しま...

Nginx は動的と静的の分離を実装します 例の説明

ウェブサイトの解析を高速化するために、動的ページと静的ページを異なるサーバーで解析して、解析速度を向...

Vue フロントエンド開発補助機能状態管理詳細例

目次マップ状態マップゲッターマップミューテーションマップアクション例まとめマップ状態コンポーネントが...