Pages

2012/01/23

[jQuery Mobile] ページ構成の基本

jQuery Mobile入門[@IT]
1.0がリリースされたときに少しいじってみたんだが、確かに今後の可能性を感じた。実機では、Androidでテストしてみたんだが、なぜかOperaでは動かなかったような……。

ポイント

  • HTML5の記述・文書型宣言(DOCTYPE)の簡略化
    マークアップはHTML5。文章型宣言は <!DOCTYPE html> でOK。
  • ビューポート(ViewPort)設定
    スマートフォン特有の設定かもしれない。画面サイズを指定しないと、崩れはしないが縮小表示されてしまうようだ。
  • 「data-role="page"」でページを表す。
    複数の data-role で複数のページを表すことができる。
  • ページ配下に「ヘッダ・コンテンツ・フッタ」を記述
    data-role属性を付与する。
Related Posts Plugin for WordPress, Blogger...