HTML5ブラウザのサポート
あなたは、いくつかの古いブラウザ(HTML5をサポートしていません)HTML5のサポートをさせることができます。
HTML5ブラウザのサポート
最近のブラウザはHTML5をサポートしています。
また、認識されない要素の、新旧を含むすべてのブラウザは、自動的にインライン要素として処理されます。
このため、あなたは「教会」のブラウザでは、「不明」のHTML要素を処理することができます。
あなたはできても、教会IE6(Windows XPの2001)ブラウザが不明なHTML要素を処理します。 |
HTML5要素は、ブロック要素として定義されています
HTML5は、8つの新しいHTMLのセマンティクス(意味)の要素で設定します。 これらすべての要素はブロックレベル要素です。
ブラウザの古いバージョンが正しく、これらの要素を表示することを可能にするためには、CSSのdisplayプロパティ値のブロックを設定することができます。
例
HTMLに新しい要素を追加します
あなたは、HTMLに新しい要素を追加することができます。
<myHero>という要素に対して定義されたHTMLに追加された新しい要素の例として、スタイルの要素:
例
»をお試しください
JavaScriptのステートメントのdocument.createElement( "myHero」)は、IEブラウザに新しい要素を追加することです。
Internet Explorerのブラウザーの問題
あなたはHTML5要素IEブラウザを追加するために、上記の方法を使用しますが、することができます。
Internet Explorer 8のとIEブラウザの以前のバージョンでは、複数の方法をサポートしていません。 |
私たちは、Sjoerdヴィッセルを使用することができ、「HTML5にはJavaScriptを有効にする"、" SHIVを作成し、「問題を解決するために:
<SCRIPT SRC = "#"> </スクリプト>
<![endifの] - >
上記のコードは、コメント、IE9未満のIEブラウザのバージョンがhtml5.jsファイルを読み取り、それを解析します役割です。
注:国内のユーザーは、サイトの静的リポジトリ(国のGoogleのリポジトリの不安定性)を使用してください:
<SCRIPT SRC = "#"> </スクリプト>
<![endifの] - >
IEブラウザのhtml5shivのためのより良いソリューションです。 html5shiv主な解決策は、IE6-8は、これらの新しい要素は、親ノードの子要素としてラップすることができず、CSSスタイルを適用することはできません認識していない新しいHTML5要素を提案しました。
シヴ完璧なソリューション
例
<HTML>
<ヘッド>
<メタ文字セット= "UTF-8">
<タイトル> HTML5のレンダリング</タイトル>
<! - [場合LT IE 9]>
<SCRIPT SRC = "#"> </スクリプト>
<![endifの] - >
</ HEAD>
<ボディ>
<H1>私の最初の記事</ H1>
<論説>
このチュートリアル - 科学技術だけでなく、夢だけではありません! ! !
</論説>
</ BODY>
</ HTML>
»をお試しください
html5shiv.js参照コードは、<head>要素内に配置されなければならないため、構文解析HTML5の新しい要素は、ファイルをロードする必要がIEブラウザ。