HTML5ブラウザのサポート

HTML5ブラウザのサポート

PC側

1) その中で最も完全にサポートされているのはchromeシリーズです

2) operaはchromium kernelに変更されました...したがってスコアは基本的に同じです

3)意外なことに、Firefox、W3C 標準は常に最前線にありますが、H5 のサポートは最高ではありません!!!

4) IE10 以下では、H5 エクスペリエンスは満足のいくものではありません...一部しかサポートできません

5 ) Safariの旧バージョンはIEの旧バージョンよりも古いです このシリーズはとても優れています...

タブレット版

Chromeはしっかり1位です

android、firefox、ios、operaはほぼ同じです( IE を除く)

モバイル版の互換性は PC 版よりもはるかに優れています

携帯電話

携帯電話のブラウザの主要シリーズは、非常に古いシリーズを除いて、非常に優れたサポートを備えています。 ..


IE ブラウザが HTML5 タグをサポートしていない問題を解決するためのいくつかの方法:

1. javascript: document.createElenment("...")

function() {

var element=['header','footer','article','aside', 'section','nav','menu','hgroup','details','dialog' 、 'figle'、 'figcaption']、
- ){
document.createelement(要素[i])
})(); ]>

<スクリプト src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></ スクリプト>

<![endif]-->

または:

<!--[IE 9の場合]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">< /script>
< ![endif]-->

ここで特別に説明します: IE 独自のコメント判定です:

lte: Less than orequal to の略です, 以下という意味です。

lt: Less than の略で、未満という意味です。

gte: Greater than orequal toの略で、以上という意味です。

gt: Greater than の略で、「より大きい」という意味です。

!: 等しくないという意味で、JavaScriptの等しくない判定文字と同じです

IE9はhtml5タグをサポートしていますが、サポートが完全ではないため、選択次第で「lte」と書くこともできます!



学び続ける
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>渲染 HTML5</title> <!--[if lt IE 9]> <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script> <![endif]--> <script>document.createElement("myHero")</script> <style> myHero { display: block; background-color: yellow; padding: 50px; font-size: 20px; width: 25%; } </style> </head> <body> <h3>标题</h3> <article> php中文网 </article> <br> <myHero>增加新的内容</myHero> </body> </html>
  • おすすめコース
  • コースウェアのダウンロード
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜