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内の一部の設定ファイルがリセットされる問題を解決します
シナリオ要件1. zabbix_server Web インターフェースのスクリプト機能を使用すると、...
1. OpenSSL公式サイト公式ダウンロードアドレス: https://www.openssl....
Vuex は、Vue.js アプリケーション専用に開発された状態管理パターンです。集中型ストレージを...
目次概要1. コンポジションAPI 1. ref と reactive の違いは何ですか? 2. 周...
1. 現在、Pythonのバージョン管理ツールは数多く存在します。その中でも比較的使いやすいのがPy...
目次前面に書かれた要件分析 v1アイデア1: インターセプションメソッドを使用して入力ボックスの入力...
この記事では、例を使用して、MySQL スライディング順序問題の原理と解決方法を説明します。ご参考ま...
この記事では、コードレイン効果を実現するためのキャンバスの具体的なコードを参考までに共有します。具体...
この記事では、マウスがドロップダウンボックスの上を通過するときにドロップダウンボックスを表示するため...
序文公式アカウントのQRコードは長押しで認識できることは皆さんご存じですが、ミニプログラムに対する制...
1. スクロールビュー垂直スクロールを使用する場合は、固定の高さを指定して CSS で高さを設定する...
目次1. シーンレイアウト2. ハンドルリスナーを追加する1. イベントの変更を監視する2. 座標設...
この記事は主に、SQL のストアド プロシージャから返されたデータを取得するプロセスの分析を紹介しま...
ウェブサイトの解析を高速化するために、動的ページと静的ページを異なるサーバーで解析して、解析速度を向...
目次マップ状態マップゲッターマップミューテーションマップアクション例まとめマップ状態コンポーネントが...