sorted by: recent | see :
popular
Content Tagged with まとめ + webdesign
標準準拠・後方互換モード各々の CSS 解釈の違いをまとめたドキュメントを共有
最近のブラウザには DOCTYPE 宣言の有無や種類で大きくわけて2種類の表示モードを切り替え、CSS や HTML の解釈を変える機能が備わっています。マイクロソフトは同様の機能を DOCTYPE スイッチとしており、一般的にもそう呼ばれることが多いように感じます (この記事でも DOCTYPE スイッチとします)。
DOCTYPE スイッチはオンの状態で standards mode (標準準拠モード) に、オフの状態で quirks mode (後方 (過去) 互換モード) になります。標準準拠モードは仕様に準拠した厳格な表示モード、後方 (過去) 互換モードは仕様に準拠していない古いブラウザとの互換を目的とした表示モードです。つまり DOCTYPE 宣言の記述が無いようなコンテンツに対しては、仕様に準拠していない古いブラウザの解釈をエミュレートさせる機能が働き、全く表示されないなんて事がないようにするということです。
バグなのか仕様なのか、ブラウザごとに表示が整わない場合、その原因はどこにあるのかをしっかり理解し具体的にイメージできるようになるのが目的 (本当はサンプルを作ってまとめるのが好きなだけだったり) として、これら大きくわけて2種類の表示モードに実際にどのような違いがあるのか。主に CSS の解釈の違いを様々なブラウザで確認してみました。まとめた各種資料と確認に利用したサンプルを共有します。ご自由にお使いください。
Page 1 | Next >>
