低バージョンIEはHTML 5+CSS 3のウェブサイトの3種類の解決方案を正常に運行します

2048 ワード

もし開発時に最低基準、例えばIE 6がサポートしていない特性に基づいて、私たちはすべて使わなければ、この文章を書く必要はありません.しかし、このような状況は極めて少なく、より多くの開発は、現代のブラウザでサポートされている特性を使用し、初期のブラウザで一定のダウングレード処理を行うことであり、いわゆる「漸進的な強化」であり、本稿で述べる重点でもあると思います.以下の方法で、低バージョンのIEブラウザで奇跡的にサイトをよりよく動作させることができることを望んでいます.htmlshiv.jsRemyのHTML 5 shivは、JavaScriptを使用して、main、header、footerなどのHTML 5要素を作成します.ある程度JavaScriptで作成された要素はstyleable(スタイル可能)です.私たちはその運行原理を考えるのに多くの時間を費やすことができますが、誰が気にしますか?このポリシーは、すべての製品のWebサイトで使用する必要があります.

    
 

selectivizr.js
Selectivizr.jsは、重要なlast-childを含むサポートされていないCSSセレクタと属性を埋め込むための不思議なリソースです.最近の再設計ではselectivizrを埋め込み、より古いIEブラウザでも詳細を見逃すことはありません.次は私の実装コードです.

    
 

現代プロジェクトは絶対に必要だ.古いバージョンIEでのみロードされます.
また、ModernizrスクリプトにHTML 5ブラウザサポートスクリプトhtml 5 shivが追加されています.Moernizrを参照してください.jsファイル、IE 9以下のIEブラウザは、nav、section、articleなどのHTML 5に追加された意味ラベルをサポートし、CSSを使用してスタイル化することもできます.
条件注釈の下でこのような最も土っぽい状況を見たことがあるに違いない.しかし、醜いかどうかにかかわらず、実際にはこのコードは予想通りに実行されます.

    
  





上記の方法はcssに作用して、IEの各バージョンに対するスタイルの違いをいくつか書きます.ユーザーがどのIEバージョンを使用しているかを判断し、ラベルにそのバージョンのclassを付けると、hackが便利になります.
cssファイルには次のように書くことができます.
 
  
.ie6 xxx {};
.ie7 xxx {};

これは現在、JavaScriptを必要としたり待つ必要がなく、ヘビー級のJavaScriptライブラリも必要としない効率が最も高いと考えられている方法です.定義したstylesクラスはすぐに有効になり、フラッシュはまだありません.
IEブラウザが競合他社に追いついているにもかかわらず、新しいバージョンのIEも非常に大きく変化し、新しいIEを利用してネットワーク体験を再構築したいと考えています.しかし、国内では旧版IEが流行している.良いニュースは、これらのリソースはすべての現代ブラウザで良好に動作し、代価も高くありません.