Latest web development tutorials
×

HTML コース

HTML コース HTML 簡単な紹介 HTML エディタ HTML ファウンデーション HTML 要素 HTML プロパティ HTML 見出し HTML 段落 HTML テキストの書式設定 HTML リンク HTML ヘッド HTML CSS HTML 画像 HTML テーブル HTML リスト HTML ブロック HTML レイアウト HTML フォーム HTML フレーム HTML カラー HTML 色名 HTML カラー値 HTML スクリプト HTML 文字エンティティ HTML URL HTML クイックリスト HTML サマリー XHTML入門

HTML5

HTML5 コース HTML5 ブラウザのサポート HTML5 新要素 HTML5 Canvas HTML5 インライン SVG HTML5 MathML HTML5 ドラッグ・アンド・ドロップ HTML5 地理的な位置 HTML5 ビデオ(Video) HTML5 可聴周波数(Audio) HTML5 Input タイプ HTML5 フォーム要素 HTML5 フォームのプロパティ HTML5 セマンティック要素 HTML5 Web メモリ HTML5 Web SQL HTML5 アプリケーションキャッシュ HTML5 Web Workers HTML5 SSE HTML5 WebSocket HTML5 クイズ HTML(5)コードの仕様

HTML メディア

HTML メディア(Media) HTML ウィジェット HTML 可聴周波数(Audio) HTML ビデオプレーヤー(Videos) HTML 例

HTML リファレンスマニュアル

HTML タグリスト(アルファベット順に) HTML タグリスト(ソート機能) HTML プロパティ HTML イベント HTML キャンバス HTML 可聴周波数/ビデオ HTML 効果的な DOCTYPES HTML 色名 HTML カラーピッカー HTML 文字セット HTML ASCII HTML ISO-8859-1 HTML シンボル HTML URL コーディング HTML 言語コード HTTP ニュース HTTP ウェイ キーボードショートカット

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 = "http://html5shiv.googlecode.com/svn/trunk/html5.js"> </スクリプト>
<![endifの] - >

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

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

<! - [場合LT IE 9]>
<SCRIPT SRC = "http://cdn.static.w3big.com/libs/html5shiv/3.7/html5shiv.min.js"> </スクリプト>
<![endifの] - >

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


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

<!DOCTYPE HTML>
<HTML>
<ヘッド>
<メタ文字セット= "UTF-8">
<タイトル> HTML5のレンダリング</タイトル>
<! - [場合LT IE 9]>
<SCRIPT SRC = "http://cdn.static.w3big.com/libs/html5shiv/3.7/html5shiv.min.js"> </スクリプト>
<![endifの] - >
</ HEAD>

<ボディ>

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

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

</ BODY>
</ HTML>

»をお試しください

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