古いバージョンのInternet ExplorerでHTML5 Shivを使用してHTML 5を有効にする

JavaScriptを使用してIEの古いバージョンをサポートするHTML 5タグをサポートする

HTMLはもはや「ブロック内の新しい子供」ではありません。 多くのWebデザイナーや開発者は、この最新のHTMLの繰り返しを長年にわたって使用してきました。 それでも、HTML5から離れたWeb専門家がいます。これは、Internet Explorerのレガシーバージョンをサポートする必要があり、作成したHTML5ページが古いブラウザでサポートされないことが懸念されることがよくあります。 ありがたいことに、古いバージョンのIE(これはIE9よりも低いバージョン)にHTMLサポートを提供するためのスクリプトがあり、今日のテクノロジに沿ってより多くのWebページを構築し、HTMLの新しいタグのいくつかを使用することができます5。

HTML Shivの紹介

Jonathan Nealは、HTML 5タグを実際のタグとして扱うために、Internet Explorer 8以下(そしてFirefox 2についてはそのことを指示する)という簡単なスクリプトを作成しました。 これにより、他のHTML要素と同じようにスタイルを設定して、文書で使用することができます。

HTML Shivを使用する方法

このスクリプトを使用するには、HTML5文書に次の3行を

あなたのスタイルシートの上に。

これは、このHTML Shivスクリプトの新しい場所です。 これまでは、このコードはGoogleでホストされていましたが、多くのサイトではそのファイルに誤ってリンクしていましたが、ダウンロードするファイルがなくなったことに気付きませんでした。 これは、多くの場合、HTML5 Shivの使用がもう必要ないためです。 まもなくそれについてもっと...

このコードに戻って、IEの条件付きコメントを使用して、9未満のIEのバージョンをターゲットにすることがわかります(これはIE 9の意味です)。 これらのブラウザはこのスクリプトをダウンロードし、HTML5が存在する前にロゴが作成されていても、HTML5要素はそれらのブラウザで認識されます。

また、オフサイトの場所でこのスクリプトを指差したくない場合は、スクリプトファイルをダウンロードして(リンクを右クリックし、メニューから[リンクを別名で保存]を選択して)、残りの部分と一緒にサーバーにアップロードできますあなたのサイトのリソース(イメージ、フォントなど)。 このようにすることの欠点は、このスクリプトに何らかの変更が加えられたことを利用できなくなることです。

これらのコード行をページに追加すると、他の現代的なHTML5準拠のブラウザと同様にHTML 5タグをスタイルできます。

あなたはまだHTML5 Shivが必要ですか?

これは価値のある質問です。 HTML5が最初にリリースされたとき、ブラウザの状況は今日とは大きく異なっていました。 IE8以下のサポートはまだ多くのサイトにとって重要なものでしたが、Microsoftが2016年4月にIEのすべてのバージョンで11月に行った「人生の終わり」の発表で、多くの人がブラウザをアップグレードしました。もっと長くあなたのことを心配してください。 ウェブサイトの分析を確認して、人々がサイトにアクセスするためにどのブラウザを使用しているかを正確に確認します。 誰も、またはごく少数の人がIE8以下を使用している場合は、問題なく、従来のブラウザをサポートする必要がないHTML5要素を使用できることをご安心ください。

しかし、場合によっては、従来のIEブラウザが懸念されます。 これは、以前に開発された特定のソフトウェアを使用し、古いバージョンのIEでのみ動作する組織でよく発生します。 このような場合、その会社のIT部門はこれらの古いブラウザの使用を強制する可能性があります。つまり、その会社の仕事は古いIEインスタンスもサポートする必要があります。

これは、現在のWebデザインのメソッドや要素を使用できるようにHTML5 shivを使用したいが、必要なフルブラウザサポートを取得する場合です。

ジェレミージラール編集