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

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

ポイント

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

このブログの人気の投稿

Excel で入力した文字に勝手に取り消し線が入る

コピーした行の挿入が表示されない時はフィルタされていないかチェック