TAG : HTML5

htmlcss HTML5 の構造

2014年11月8日

HTML5 文書の構造や新しい要素に関する個人的なメモ。 参考: 「入門 HTML5(オライリー)」 「TAG index Webサイト」 「HTML5のセクションで“文書構造”を理解する atmarkIT」 目次 DOCTYPE HTML5 の DOCTYPE は以下のようになる。 DOCTYPE は HTML ファイルの最初の行に存在する必要がある。 その前に何かあれば(空白行などでも)一部のブラウザは DOCTYPE が存在しないものとして扱い、ブラウザは後方互換モードで表示する。 DOCTYPE によって発動されるブラウザモード 後方互換(qui…

続きを読む

htmlcss HTML5 の機能検出

2014年10月25日

HTML5 の機能を検出する方法の個人的なメモ。 参考:「入門 HTML5(オライリー)」 目次 Modernizr Modernizr は HTML5 と CSS3 の機能のサポートを検出してくれる JavaScript ライブラリ。(これを利用するのが一番簡単だと思う) Modernizr は読み込まれると、Modernizr という名前の JavaScript オブジェクトを作成し、そのプロパティにテストの検出結果(true/false)を格納するので、それを利用する。 関連ページ:「ブラウザの HTML5, CSS3 の機能を検出してくれる Mo…

続きを読む

htmlcss ブラウザの HTML5, CSS3 の機能を検出してくれる Modernizr

2014年10月4日

Modernizr の基本的な使い方に関する個人的なメモ。 Modernizr は、ユーザーのブラウザがどのような機能をサポートしているかを検出(テスト)し、その結果に基づき html 要素に特定のクラスを付与したり、Modernizr という名前のグローバルオブジェクトを生成しそのプロパティに各機能に関する情報を格納する JavaScript ライブラリ。 Modernizr を利用することで個々のブラウザの状況にあわせたコードを書くことが可能。 Modernizr の主な機能 Modernizr という名前の JavaScript オブジェクトを作成…

続きを読む