HTML5 基礎教程

HTML5 API

HTML5 メディア

HTML5 グラフィックス

HTML5 インライン SVG HTML5 チュートリアル

HTML5 ブラウザがサポート

HTMLをサポートしていない古いブラウザ（5）をサポートしています5。

HTML5 ブラウザがサポート

現代のブラウザはHTMLを5。

また、すべてのブラウザ、古いものから最新のものまで、認識できない要素を自動的にインライン要素として処理します。

そのため、あなたは "教える" ブラウザが処理 "未知" のHTML要素を

IEにまで教えられます6 　(Windows XP 2001)ブラウザが未知のHTML要素を処理します。

HTMLを5 要素をブロック要素として定義しています

HTML5 定義されています 8 新しいHTMLセマンティック（semantic）要素。これらの要素はすべてブロック要素。

これらの要素を旧バージョンのブラウザで正しく表示させるために、CSSのdisplayプロパティの値をblockに設定することができます：

例

<html>
<head>　
<meta　charset="utf-8">　
<title>基礎教程網(oldtoolbag.com)</title>　
</head>
<body>
header, section, footer, aside, nav, main, article, figure　{
　　　　display:　block;　
}
</body>
</html>

テストして見て‹/›

HTMLにカスタム要素を追加

HTMLにカスタム要素を追加できます。

この例では、HTMLにカスタム要素を追加し、その要素にスタイルを定義し、要素名は<myLabel>です：

例

<!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">　
<title>HTMLに新しい要素を追加する方法(oldtoolbag.com)</title>
<script>
　　　　document.createElement("myLabel")
</script>
<style>
myLabel{
　　　　display:　block;
　　　　background-color:　#ddd;
　　　　padding:　50px;
　　　　font-size:　30px;
}
</style>　
</head>
　
<body>
　
<h1>私の最初のHTML5タイトル</p>/h1>
　
<p>私の最初のHTML5段落。</p>/p>
　
<myLabel>私の最初のカスタム要素</myLabel>
　
</body>
　　</html>

テストして見て‹/›

JavaScript文document.createElement("myLabel")は、IEブラウザに新しい要素を追加するために使用されます。

IEブラウザをHTMLにサポートするようにします。5のブラウザに追加できます。

以下の方法を使用してIEブラウザにHTML5 要素を使用できますが：

Internet Explorer 8 およびより古いIEバージョンのブラウザは、以上の方法をサポートしていません。

Sjoerd Visscherが作成した「HTML5 JavaScriptを有効にする"、" shiv"を使用してこの問題を解決します：

<!--[if　lt　IE　9]>
　　<script　src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<![endif]-->

以下のコードはコメントであり、IEブラウザのバージョンがIE9 読み込む5.jsファイルをロードし、それを解析します。

注意：国内のユーザーは、このサイトの静的リソースライブラリ（Googleリソースライブラリは国内で不安定です）を使用してください：

<!--[if　lt　IE　9]>
　　<script　src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
<![endif]-->

IEブラウザ用のhtml5shivは良い解決策です。html5shiv主にHTML5提案された新しい要素はIE6-8これらの新しい要素は、親要素として子要素を囲むことができず、CSSスタイルを適用することができません。

完璧なShiv解決策

例

<!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<title>HTMLのレンダリング5</title>
　　<!--[if　lt　IE　9]>
　　<script　src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
　　<![endif]-->
</head>
　
<body>
　
<h1>私の最初の記事</h1>
　
<article>
基礎教程網(oldtoolbag.com)　——　基礎を学ぶことができれば、もっと遠くへ行ける！！！
</article>
　
</body>
</html>

テストして見て‹/›

html5shiv.jsのリファレンスコードは<head>要素内に配置する必要があります。なぜなら、IEブラウザはHTMLを解析する際に5 新しい要素を使用するには、まずこのファイルをロードする必要があります。

HTML5 インライン SVG HTML5 チュートリアル