無視されたDOCTYPE記述の分析_HTML/Xhtml_Webページ制作

1. doctype とは
doctype タグは、ドキュメントの dtd (Document Type Definition) を指定するために使用されます。各 HTML の末尾 フロント、次の形式:
、vailability "URI" [declarations]>
いくつかの一般的な doctype など:
HTML 4.01: Strict
HTML 4.01 Transitional
XHTML 1.1厳密な DTD
2. doctype でできること
doctype が指定されているかどうかに関係なく、異なる doctype を指定すると異なるブラウザ モードがアクティブになり、HTML、CSS、およびjs の中で最も有名なのは、いわゆるボックス モデル問題です。
2.1 なぜ複数のモードがあるのですか
昔、Netscape と Internet Explorer が覇権を争っていたとき、ブラウザ モードは強力すぎるため最終決定権を持っていました。時は経ち、あっという間に戦国時代へ。全員が最終決定権を持ったら世界は混乱してしまうと皆が悟り、リーダーを推挙しようと議論し、w3cが実現した。力。しかし、問題は再び発生します。たとえば、IE はもはや優位には立たず、標準に準拠することが一般的な傾向ですが、ブラウザが標準のみをサポートしている場合、以前の多くのページで問題が発生します。
その後、doctype が登場しました。doctype が指定されていない場合は、Quirks モードと呼ばれる元のモードが使用され、doctype が指定されている場合は、Standards Mode または Strict Mode と呼ばれる標準に従います。この期間中、Mozilla を代表とする何人かの人々は、標準モードでの img の解析はあまり適切ではないと感じたため、いくつかの特定の doctype を指定する場合には、準標準モード (ほぼ標準モード) が採用されるという個人的な意見を保持していました。具体的な情報については、「Doctype を使用したブラウザ モードのアクティブ化」、または「Doctype を使用したブラウザ モードのアクティブ化」の @suiwangzhimei による翻訳を参照してください。
2.2 さまざまなモードの具体的な影響
@ppk Daniel が Quirks モードと strict モードについて優れた概要を提供してくれました。
3. 推奨 doctype

理由: html5 をサポートするため、認識されない場合は strict モードが使用されます。
ブラウザーの互換性の問題を解決するには、img { display: block } などのリセット CSS を追加します。
現在多くの人が使用している と は、いくつかの主要なブラウザーの quirks モードに相当するだけであることに注意してください。言い換えれば、これらは省略可能です。