page
data-role属性にpageを指定することでjQuery Mobileのページを作成することができます。
<div data-role="page">
//ページの内容を記述
</div>
1つのhtmlで複数のページを設定する場合は異なるid属性を指定したページを用意します。
<div data-role="page" id="index">
//indexページの内容を記述
</div>
<div data-role="page" id="about">
//aboutページの内容を記述
</div>
この要素はかならずしも必須ではなく、1つの1つのページを表現する場合には省略可能です。
data-theme属性を利用してページのテーマを指定することができます。
<div data-role="page" id="index" date-theme="b">
jQuery Mobile 1.0.0での追加/変更data-role="page"はjQuery Mobile 1.0で定義された属性です
jQuery Mobile 1.4.0での追加/変更data-theme属性を省略した場合、jQuery Mobile 1.3まではCのテーマが採用されましたが、jQuery Mobile 1.4よりAのテーマが採用されるようになりました。
参考URL
Page Widget | jQuery Mobile API Documentation
登録日 : 2012年09月17日 最終更新日 : 2016年12月19日