全てのHTML構造のルート要素である <html> の HTML5 での変更点。
HTML5
HTML5 [ HTML ]
IE8 以前の HTML5
古いブラウザはHTML5に対応していない可能性が高いです。特にIE8以前は問題が深刻で、ブラウザが認識しないHTMLタグを発見すると、空の要素としてDOMに挿入します。この認識しないHTMLタグの子要素としてマークアップしたものが、認識しないHTMLタグの兄弟要素として挿入されてしまいます。例として、
Modernizr5 [ Geolocation ]
位置情報は、あなたがどこにいるか明らかにし、その情報をシェアすることができます。いくつか位置情報を特定する方法があり、IP アドレス、無線LANの接続、電波塔との接続、また GPSハードウェアによる経度緯度の測定等あります。
Modernizr4 [ offline web app ]
オフラインウェブアプリは、名前の通りオフラインでも動的なサイトをオフラインで表示することができます。はじめにユーザーはこの機能が有効になったサイトにアクセスし、オフラインに必要なデータをダウンロードします。これは HTML/JS、画像はもちろんビデオも可能です。そして、ユーザーがオフラインでこのサイトを訪れた場合、ダウンロードされたデータを使用し、サイトを表示します。もしユーザーがオフライン中にデータに変更をした場合、のちのオンラインになった時にサーバーに送信されます。
Modernizr3 [ web worker ]
Web worker はブラウザがバックグランドで Javascript を実行する方法です。これにより、複数のスレッドを同時に起動させ、複雑な計算や、リクエスを送ったり、ローカルストレージにアクセスすることができます。
Modernizr2 [ local strage ]
ローカルストレージはウェブサイトがデータをユーザーのコンピュータに保存し、のちに取り出す方法です。似たものにクッキーがありよく使われていますが、クッキーとの違いは、保存できる容量が HTML5 の ストレージの方が 5M と多く、またクッキーと違い、毎度の通信でデータがサーバーに送られることがありません。これは帯域の節約や、セキュリティの観点からも好ましいです。
Modernizr1 [ video ]
Modernizr で video タグのサポートチェックの方法。
Modernizr0 [ canvas ]
Modernizr は MIT ライセンスのオープンソースライブラリ。HTML5/CSS3のサポートがあるかどうかを簡単に判断することができる。