[jQuery Mobile] ページ構成の基本
jQuery Mobile入門[@IT]
1.0がリリースされたときに少しいじってみたんだが、確かに今後の可能性を感じた。実機では、Androidでテストしてみたんだが、なぜかOperaでは動かなかったような……。
1.0がリリースされたときに少しいじってみたんだが、確かに今後の可能性を感じた。実機では、Androidでテストしてみたんだが、なぜかOperaでは動かなかったような……。
ポイント
-
HTML5の記述・文書型宣言(DOCTYPE)の簡略化
マークアップはHTML5。文章型宣言は <!DOCTYPE html> でOK。 - ビューポート(ViewPort)設定
スマートフォン特有の設定かもしれない。画面サイズを指定しないと、崩れはしないが縮小表示されてしまうようだ。 - 「data-role="page"」でページを表す。
複数の data-role で複数のページを表すことができる。 - ページ配下に「ヘッダ・コンテンツ・フッタ」を記述
data-role属性を付与する。