1. Home
  2. HTML5ブラウザのサポート

HTML5ブラウザのサポート2024 年の最新の入門チュートリアル。このコースでは HTML5ブラウザのサポート,HTML5要素は、ブロック要素として定義されています,例,HTMLに新しい要素を追加します,例,Internet Explorerのブラウザーの問題,シヴ完璧なソリューション,例, について学習できます。

HTML5ブラウザのサポート

あなたは、いくつかの古いブラウザ（HTML5をサポートしていません）HTML5のサポートをさせることができます。

HTML5ブラウザのサポート

最近のブラウザはHTML5をサポートしています。

また、認識されない要素の、新旧を含むすべてのブラウザは、自動的にインライン要素として処理されます。

このため、あなたは「教会」のブラウザでは、「不明」のHTML要素を処理することができます。

ノート あなたはできても、教会IE6（Windows XPの2001）ブラウザが不明なHTML要素を処理します。

HTML5要素は、ブロック要素として定義されています

HTML5は、8つの新しいHTMLのセマンティクス（意味）の要素で設定します。 これらすべての要素はブロックレベル要素です。

ブラウザの古いバージョンが正しく、これらの要素を表示することを可能にするためには、CSSのdisplayプロパティ値のブロックを設定することができます。

例

ヘッダー、セクション、フッター、さておき、 NAV、メイン、記事、図 { ディスプレイ： ブロック ;}

HTMLに新しい要素を追加します

あなたは、HTMLに新しい要素を追加することができます。

<myHero>という要素に対して定義されたHTMLに追加された新しい要素の例として、スタイルの要素：

例

<！DOCTYPE HTML> <HTML> <ヘッド> <メタ 文字セット = "UTF-8"> 新しい要素を追加するには 、<タイトル> HTML </タイトル> <スクリプト>
ドキュメント。のcreateElement（ "myHero」）
</スクリプト> <スタイル>
myHero { ディスプレイ： ブロック ;背景色： #ddd ;パディング： 50ピクセル ;フォントサイズ： 30ピクセル ;}
</スタイル> </ HEAD> <ボディ> <H1> 私の最初のタイトル </ H1> <P> 私の最初の段落。 </ P> <MyHero> 私の最初の新規要素 </ myHero> </ BODY> </ HTML>

»をお試しください

JavaScriptのステートメントのdocument.createElement（ "myHero」）は、IEブラウザに新しい要素を追加することです。

Internet Explorerのブラウザーの問題

あなたはHTML5要素IEブラウザを追加するために、上記の方法を使用しますが、することができます。

ノート Internet Explorer 8のとIEブラウザの以前のバージョンでは、複数の方法をサポートしていません。

私たちは、Sjoerdヴィッセルを使用することができ、「HTML5にはJavaScriptを有効にする"、" SHIVを作成し、「問題を解決するために：

<！ - [場合LT IE 9]>
<SCRIPT SRC = "#"> </スクリプト>
<！[endifの] - >

上記のコードは、コメント、IE9未満のIEブラウザのバージョンがhtml5.jsファイルを読み取り、それを解析します役割です。

注：国内のユーザーは、サイトの静的リポジトリ（国のGoogleのリポジトリの不安定性）を使用してください：

<！ - [場合LT IE 9]>
<SCRIPT SRC = "#"> </スクリプト>
<！[endifの] - >

IEブラウザのhtml5shivのためのより良いソリューションです。 html5shiv主な解決策は、IE6-8は、これらの新しい要素は、親ノードの子要素としてラップすることができず、CSSスタイルを適用することはできません認識していない新しいHTML5要素を提案しました。

シヴ完璧なソリューション

例

<！DOCTYPE HTML>
<HTML>
<ヘッド>
<メタ文字セット= "UTF-8">
<タイトル> HTML5のレンダリング</タイトル>
<！ - [場合LT IE 9]>
<SCRIPT SRC = "#"> </スクリプト>
<！[endifの] - >
</ HEAD>

<ボディ>

<H1>私の最初の記事</ H1>

<論説>
このチュートリアル - 科学技術だけでなく、夢だけではありません！ ！ ！
</論説>

</ BODY>
</ HTML>

»をお試しください

html5shiv.js参照コードは、<head>要素内に配置されなければならないため、構文解析HTML5の新しい要素は、ファイルをロードする必要がIEブラウザ。

ホットチュートリアル

お問い合わせ

HTML5ブラウザのサポート
10/30