Web ページの Doctype を指定するための CSS ハッキング方法の概要-CSSチュートリアル-php.cn

Web ページの Doctype を指定するための CSS ハッキング方法の概要

高洛峰

リリース： 2017-02-13 14:04:42

オリジナル

1538 人が閲覧しました

WD (Web デザイナー) になるには、まず IE6、IE7、Firefox などのいくつかのブラウザーを使用する必要があることは誰もが知っています。一般ページは IE6、IE7、Firefox でのみ正常に動作する必要があります。

しかし実際には、これらのブラウザだけではなく、Firefox 1.5、Firefox 2、Firefox 3 といういくつかのメジャーバージョンに分かれています。さらに、これら 2 つの主流とは別に、IE7 と IE6 にもいくつかのシリーズがあります。メーカー、製品の他に、Opera、Konqueror、Netscape、chrome などのシリーズもあります。

これらのブラウザにはそれぞれ独自の機能セットがあり、ここでは正常に実行されますが、あそこでは正しく実行されないことがよくあります。そこで WD は東側を破壊し、西側を修復し、最終的にいくつかのブラウザで正常に動作するようになりました。その結果、プロダクトマネージャーは新たなニーズを抱え、あちこちに変更を加える必要が生じ、その結果、ようやくだまされていた紙のフレームが突然崩壊し、WD は再び多忙になりました。なぜこんなことを言うかというと、これは私の経験だからです。

通常、WD はさまざまなブラウザーで適切に動作させるために、常に Css ハッキングスキルを大量に収集しています。ネットで検索するとたくさんあります。

しかし、まず第一に、WD は、なぜ css ハッキングが必要なのかという基本的な質問を理解していませんでした。1,000 個のブラウザーがある場合、1,000 個のブラウザーのハックスキルを覚えておく必要があるのでしょうか?

実際のところ、CSS Hackingはある程度、表に出すことができないものです。 CSS ハッキングには、単純にブラウザのバグを利用する手法が数多くあります。たとえば、IE と Firefox を区別するために _class{….} を使用するのが一般的です。論理的に言えば、_class は違法なタグ付けメソッドです。 Css ハッキングの出現は、WD にとっての最後の手段です。WD の日々の仕事は Css ハッキングではありません。実際、ブラウザはたくさんあるので、好きなタグを自由に定義することはできません。人々は標準的な世界に住むことに慣れており、Web の世界にも一連の標準があります。ブラウザーも Web 標準との互換性を保つために懸命に取り組んでいます。ただし、一部のブラウザーは初期にデビューしており、後に登場した Web 標準はその影響下で誕生したと言えます。当時とても優秀だった人がもう一人いて、彼は多くの革新を起こしましたが、Web 標準をあまり気にしていませんでした。さらに、規格自体も常に更新されています。したがって、一般に、すべてのブラウザ製品システムは、Web 標準をあまり気にしなかった時期を経験しましたが、その後、誰もが妥協して、誰もが遵守する一連の標準を確立しました。しかし、以前は、各企業が独自に策定したいくつかの小さなルールや規制がありました。基準を満たしていない場合はどうすればよいのでしょうか? そこで、この人たちは、標準モードと変なモードという方法を考えました。もう一つ「ほぼ標準モード」というものがありますが、ほぼ標準と言うのはめまいを感じます。心配しないで、ゆっくり聞いてください。

私は、これらの上司が集まってさまざまな標準を策定したと言いましたね。将来、誰もがこの一連の標準に従ってWebページを解釈するでしょう。作成した Web ページがこの一連の標準に従って解釈できる場合は、タグ doctype を使用して、Web ページが Web 標準に従って解釈できることを示します。これが標準モードです。

それでは、過去にさまざまな企業が生産し、規定されたXiaojijiu製品が基準を満たしていない場合はどうすればよいでしょうか？それらをすぐにすべて捨てることはできませんね。ソフトウェアには下位互換性と呼ばれる一連の原則があるでしょう。奇妙なモードでは、各ブラウザは古いバージョンのブラウザの動作をシミュレートして、古いページが機能しなくなるのを防ぎます。 Web ページで doctype が指定されていない場合、ブラウザは通常、古いページが機能しなくなるのを防ぐために、奇妙なモードで動作します。

これら 2 つのモードの違いの最も注目すべき例には、Windows 上の IE 独自のボックスモデルが含まれます。 IE 6 が登場したとき、標準モードでは正しいボックスモデルが使用され、奇妙なモードでは古い独自のボックスモデルが使用されました。 IE 5 以前との下位互換性を維持するために、Opera 7 以降でも、欠陥のある IE ボックスモデルが奇妙なモードで使用されます。

Mozilla と Safari には、「ほぼ標準モード」と呼ばれる 3 番目のモードもあります。これは、テーブルの処理方法に若干の違いがあることを除いて、標準モードと同じです。

このため、多くの CSS ハッキングスキルを捨てることができます。一部の本には、IE6 と Firefox のボックスモデル (場所によってはボックスモデル) が矛盾しているため、次のハックを行う必要があると書かれています。と言いました、この種の本は本当に誤解を招きます。 doctype が正しく指定されていれば、ブラウザーの解釈の違いはなくなり、標準に従うだけで済むからです。

このモードはHTMLファイルの先頭にあるDOCTYPEフィールドで指定されます。一般的なものは次のとおりです:

HTML 4.01 Transitional:

コードをコピー
コードは次のとおりです: