DOCTYPEの使い方と説明について

Apr 05, 2017 am 10:19 AM
doctype 使用 について 説明する

DOCTYPE は怖くありませんが、それを奪うと何度も怖くなります。

多くの友人が p+CSS 組版と IE と FF 間の互換性の問題について質問をしていることがわかりました。すべての質問をしましたが、結果は同じでした。表示がおかしく、調整するのが困難でした。私たちが閲覧するほとんどの Web サイト、または Dreamweaver を使用して新しい Web ドキュメントを作成する場合、ソース コードの先頭に DocType 宣言がありますが、多くの人はこれに注意を払わず、作成中に直接削除することさえあります。実際、これが悪夢の始まりであることがよくあります。 DOCTYPE は、標準に準拠する Web ドキュメントでは必須の要素です。これはコード検証に影響し、ブラウザーが Web ドキュメントを最終的にどのように表示するかを決定します。 DOCTYPE の問題の再発を避けるために、私自身と興味のある友人が参照できるように、手元にある情報に基づいてこの文書を編集しました。

デフォルトでは、FF と IE の解釈基準は異なります。つまり、Web ページで DOCTYPE が宣言されていない場合、次の HTML はデフォルトの DOCTYPE で解釈されます。同じ基準でも、ブラウザごとに解釈モデルが異なります。宣言基準が異なる場合は、私が言う必要はありません。自分で考えてください。 Web 標準、ブラウザの互換性について学び、どこから始めるかはあなたが決めますが、DOCTYPE については知っておいてください:

1. DOCTYPEとは

DOCTYPE は Document Type の略で、ページ内でそのページで使用される XHTML (または HTML) のバージョンを指定するために使用されます。標準に準拠したページを作成するには、DOCTYPE 宣言が不可欠かつ重要なコンポーネントです。正しい DOCTYPE を決定することによってのみ、XHTML 内のロゴと CSS を正常に有効にすることができます。

2. DOCTYPEのルール

DOCTYPE 宣言は特定の規則に従い、読み取りプログラムが文書内のマークアップを解釈するためにどのような一連の規則を使用する必要があるかを示します。 Web ドキュメントの場合、「リーダー」は通常ブラウザやバリデータなどのプログラムであり、「ルール」は W3C によって公開されている文書型定義 (dtd) に含まれるルールです。
各 DTD には、Web ドキュメントのコンテンツをマークするために使用されるタグ、属性、プロパティなどが含まれています。また、どのタグを他のどのタグに含めることができるかを指定するいくつかのルールも含まれています。各 Web レコメンデーション標準 (HTML 4 Frameset や XHTML 1.0 Transitional など) には独自の DTD があります。

以下はマニュアルからのルールの抜粋です:

文法:

HTML のトップ要素の可用性 "登録//組織//タイプタグ//定義言語" "URL"

可能な値:

- 最上位要素: DTD で宣言された最上位要素のタイプを指定します。これは、宣言された SGML 文書タイプに対応します。 HTMLのデフォルト。 HTML。
- 可用性: 正式公開識別子 (FPI) が公的にアクセス可能なオブジェクトであるか、システム リソースであるかを指定します。パブリックのデフォルト。パブリックにアクセス可能なオブジェクト。 SYSTEM ローカル ファイルや URL などのシステム リソース。
- 登録: 組織が国際標準化機構 (ISO) に登録されているかどうかを指定します。 + デフォルト。組織名が登録されました。
・組織名が登録されていません。 Internet Engineering Task Force (IETF) および World Wide Web Consortium (W3C) は、ISO に登録された組織ではありません。
組織: !DOCTYPE 宣言によって参照される DTD の作成と保守を担当するグループまたは組織の名前または OwnerID を指定します。 IETF IETF。 W3C W3C。
- タイプ: パブリック テキスト クラス、つまり参照されるオブジェクトのタイプを指定します。 DTD のデフォルト。 DTD。
- タグ: パブリック テキストの説明、参照されるパブリック テキストの一意の説明的な名前を指定します。背面にバージョン番号を付けることができます。 HTMLのデフォルト。 HTML。
- 定義: 文書タイプの定義を指定します。
フレームセット フレームセットドキュメント。
Strict では、スタイル シートがすでに十分に確立されているため、W3C 専門家が段階的に廃止したいと考えているすべての代表的な属性と要素が除外されます。
Transitional には、frameSet 要素を除くすべてのコンテンツが含まれます。
- 言語: パブリック テキスト言語、つまり参照オブジェクトの作成に使用される自然言語エンコード システムを指定します。言語定義は ISO 639 言語コード (大文字 2 文字) として記述されています。 JP のデフォルト。英語。
- URL: 参照されるオブジェクトの場所を指定します

正しい DOCTYPE 宣言を取得するには、ドキュメントが従う標準に dtd を対応させることが重要です。たとえば、ドキュメントが xhtml 1.0 の厳密な標準に従っていると仮定すると、ドキュメントの doctype 宣言は対応する dtd を参照する必要があります。一方、doctype 宣言で xhtml dtd が指定されているが、ドキュメントに古いスタイルの html マークアップが含まれている場合は、不適切です。同様に、doctype 宣言で html dtd が指定されているが、ドキュメントに xhtml 1.0 strict マークアップが含まれている場合も同様です。不適切。

3. どのような DOCTYPE を選択するか

上の例に示すように、XHTML 1.0 では、Transitional、Strict、および Frameset の 3 種類の DTD (Document Type Definition) 宣言から選択できます。ここでは以下のように紹介します。

1.過渡期

ページ内での HTML4.01 ロゴの使用を許可する、要件がそれほど厳しくない DTD (xhtml 構文標準に準拠)。移行 DTD は次のように記述されます:

「http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd」>

2.厳しい


などのプレゼンテーション層の識別子と属性の使用を許可しない厳密な DTD。厳密な DTD は次のように記述されます:

「http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd」>

3.フレームの

フレーム ページに特に使用される DTD。この DTD は、ページにフレーム要素が含まれる場合に使用されます。フレームワークのDTDは次のように記述されます:

「http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd」>

もちろん、厳密な DTD を使用してページを作成するのが最も理想的な方法です。ただし、Web 標準を深く理解していない Web デザイナーの場合は、暫定的な DTD を使用する方が適切です。この DTD ではプレゼンテーション層の識別子、要素、属性の使用も許可されているため、ほとんどの Web ページ開発者にとってより適しています。

4. 注意が必要な問題

DOCTYPE 宣言を XHTML ドキュメントの先頭に配置する必要があることを除けば、特別なことは何もありません。その上に複数の HTML コメント タグがあっても機能しません。

サンプル コードに DOCTYPE を追加するのが最善です。追加しないと効果が異なります。

5. さまざまなDOCTYPE

HTML 厳密
HTML 移行
HTML フレームセット
XHTML 1.0 厳密
XHTML 1.0 移行版
XHTML 1.0 フレームセット
XHTML 1.1
XHTML 2.0

以上がDOCTYPEの使い方と説明についての詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

マグネットリンクの使い方 マグネットリンクの使い方 Feb 18, 2024 am 10:02 AM

マグネット リンクは、リソースをダウンロードするためのリンク方法であり、従来のダウンロード方法よりも便利で効率的です。マグネット リンクを使用すると、中間サーバーに依存せずに、ピアツーピア方式でリソースをダウンロードできます。この記事ではマグネットリンクの使い方と注意点を紹介します。 1. マグネット リンクとは? マグネット リンクは、P2P (Peer-to-Peer) プロトコルに基づくダウンロード方式です。ユーザーはマグネット リンクを通じてリソースの発行者に直接接続し、リソースの共有とダウンロードを完了できます。従来のダウンロード方法と比較して、磁気

mdfおよびmdsファイルの使用方法 mdfおよびmdsファイルの使用方法 Feb 19, 2024 pm 05:36 PM

mdf ファイルと mds ファイルの使用方法 コンピューター技術の継続的な進歩により、さまざまな方法でデータを保存および共有できるようになりました。デジタル メディアの分野では、特殊なファイル形式に遭遇することがよくあります。この記事では、一般的なファイル形式である mdf および mds ファイルについて説明し、その使用方法を紹介します。まず、mdf ファイルと mds ファイルの意味を理解する必要があります。 mdf は CD/DVD イメージ ファイルの拡張子で、mds ファイルは mdf ファイルのメタデータ ファイルです。

CrystalDiskmarkとはどのようなソフトウェアですか? -crystaldiskmarkの使い方は? CrystalDiskmarkとはどのようなソフトウェアですか? -crystaldiskmarkの使い方は? Mar 18, 2024 pm 02:58 PM

CrystalDiskMark は、シーケンシャルおよびランダムの読み取り/書き込み速度を迅速に測定する、ハード ドライブ用の小型 HDD ベンチマーク ツールです。次に、編集者が CrystalDiskMark と Crystaldiskmark の使用方法を紹介します。 1. CrystalDiskMark の概要 CrystalDiskMark は、機械式ハード ドライブとソリッド ステート ドライブ (SSD) の読み取りおよび書き込み速度とパフォーマンスを評価するために広く使用されているディスク パフォーマンス テスト ツールです。 ). ランダム I/O パフォーマンス。これは無料の Windows アプリケーションで、使いやすいインターフェイスとハード ドライブのパフォーマンスのさまざまな側面を評価するためのさまざまなテスト モードを提供し、ハードウェアのレビューで広く使用されています。

foob​​ar2000のダウンロード方法は? -foobar2000の使い方 foob​​ar2000のダウンロード方法は? -foobar2000の使い方 Mar 18, 2024 am 10:58 AM

foob​​ar2000 は、音楽リソースをいつでも聴くことができるソフトウェアです。あらゆる種類の音楽をロスレス音質で提供します。音楽プレーヤーの強化版により、より包括的で快適な音楽体験を得ることができます。その設計コンセプトは、高度なオーディオをコンピュータ上で再生可能 デバイスを携帯電話に移植し、より便利で効率的な音楽再生体験を提供 シンプルでわかりやすく、使いやすいインターフェースデザイン 過度な装飾や煩雑な操作を排除したミニマルなデザインスタイルを採用また、さまざまなスキンとテーマをサポートし、自分の好みに合わせて設定をカスタマイズし、複数のオーディオ形式の再生をサポートする専用の音楽プレーヤーを作成します。過度の音量による聴覚障害を避けるために、自分の聴覚の状態に合わせて調整してください。次は私がお手伝いさせてください

NetEase メールボックス マスターの使用方法 NetEase メールボックス マスターの使用方法 Mar 27, 2024 pm 05:32 PM

NetEase Mailbox は、中国のネットユーザーに広く使用されている電子メール アドレスとして、その安定した効率的なサービスで常にユーザーの信頼を獲得してきました。 NetEase Mailbox Master は、携帯電話ユーザー向けに特別に作成された電子メール ソフトウェアで、電子メールの送受信プロセスが大幅に簡素化され、電子メールの処理がより便利になります。 NetEase Mailbox Master の使い方と具体的な機能について、以下ではこのサイトの編集者が詳しく紹介しますので、お役に立てれば幸いです。まず、モバイル アプリ ストアで NetEase Mailbox Master アプリを検索してダウンロードします。 App Store または Baidu Mobile Assistant で「Ne​​tEase Mailbox Master」を検索し、画面の指示に従ってインストールします。ダウンロードとインストールが完了したら、NetEase の電子メール アカウントを開いてログインします。ログイン インターフェイスは次のとおりです。

Baidu Netdisk アプリの使用方法 Baidu Netdisk アプリの使用方法 Mar 27, 2024 pm 06:46 PM

クラウド ストレージは今日、私たちの日常生活や仕事に欠かせない部分になっています。中国有数のクラウド ストレージ サービスの 1 つである Baidu Netdisk は、強力なストレージ機能、効率的な伝送速度、便利な操作体験により多くのユーザーの支持を得ています。また、重要なファイルのバックアップ、情報の共有、オンラインでのビデオの視聴、または音楽の聴きたい場合でも、Baidu Cloud Disk はニーズを満たすことができます。しかし、Baidu Netdisk アプリの具体的な使用方法を理解していないユーザーも多いため、このチュートリアルでは Baidu Netdisk アプリの使用方法を詳しく紹介します。まだ混乱しているユーザーは、この記事に従って詳細を学ぶことができます。 Baidu Cloud Network Disk の使用方法: 1. インストール まず、Baidu Cloud ソフトウェアをダウンロードしてインストールするときに、カスタム インストール オプションを選択してください。

PIP ミラー ソースの簡単なガイド: 使い方を簡単にマスターする PIP ミラー ソースの簡単なガイド: 使い方を簡単にマスターする Jan 16, 2024 am 10:18 AM

簡単に始めましょう: pip ミラー ソースの使用方法 世界中での Python の人気により、pip は Python パッケージ管理の標準ツールになりました。ただし、pip を使用してパッケージをインストールするときに多くの開発者が直面する一般的な問題は速度の遅さです。これは、デフォルトでは、pip は Python 公式ソースまたはその他の外部ソースからパッケージをダウンロードしますが、これらのソースが海外のサーバーに配置されている可能性があるため、ダウンロード速度が遅くなることがあります。ダウンロード速度を向上させるために、pip ミラー ソースを使用できます。ピップミラーソースとは何ですか?簡単に言えば、ただ、

BTCC チュートリアル: BTCC 取引所で MetaMask ウォレットをバインドして使用する方法は? BTCC チュートリアル: BTCC 取引所で MetaMask ウォレットをバインドして使用する方法は? Apr 26, 2024 am 09:40 AM

MetaMask (中国語ではリトル フォックス ウォレットとも呼ばれます) は、無料で評判の高い暗号化ウォレット ソフトウェアです。現在、BTCC は MetaMask ウォレットへのバインドをサポートしており、バインド後は MetaMask ウォレットを使用してすぐにログイン、値の保存、コインの購入などが可能になり、初回バインドで 20 USDT のトライアル ボーナスも獲得できます。 BTCCMetaMask ウォレットのチュートリアルでは、MetaMask の登録方法と使用方法、および BTCC で Little Fox ウォレットをバインドして使用する方法を詳しく紹介します。メタマスクウォレットとは何ですか? 3,000 万人を超えるユーザーを抱える MetaMask Little Fox ウォレットは、現在最も人気のある暗号通貨ウォレットの 1 つです。無料で使用でき、拡張機能としてネットワーク上にインストールできます。

See all articles