Web ページの Doctype を指定するための CSS ハッキング方法のまとめ_エクスペリエンス交換

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

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

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

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

実際、CSS ハッキングは、ある程度、表に出すことができないものです。 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 のボックス モデル (場所によってはボックス モデル) が矛盾しているため、次のハックを行う必要があると記載されています:

div{
width:100px;
*width :95px ;
}

言いますが、この種の本は本当に誤解を招きます。なぜなら、Doctype が正しく指定されていれば、ブラウザの解釈におけるこうした違いはなくなり、標準に従うだけで済むからです。

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

HTML 4.01 移行版:

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

HTML 4.01 フレームセット

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

div>

XHTML 1.0 厳密

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

XHTML 1.0 移行版

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

XHTML 1.0 フレームセット

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

div>
XHTML 1.1

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