jQuery Mobileにはこれまで紹介した以外にもさまざまな機能があります。サンプルの作成を通じて紹介した基本的な使い方をおさらいしつつ、そのほかの機能も併せてまとめておきましょう。 ページの作成 jQuery Mobileでは、1つのHTMLに複数のページのコンテンツをまとめて記述します。ページの区切りやページ内のレイアウトは、カスタムデータ属性のdata-role属性で定義します。 ページの作成 data-role="page" div要素などにdata-role属性「page」を指定すると、HTML内にページを作成できます。data-role="page"を指定した要素には他と重複しないページIDを付け、id属性に記述します。 ヘッダーの表示 data-role="header" ページ内にdata-role属性「header」を指定した要素を配置すると、ヘッダーが表示されます。
![サンプルで学ぶjQuery Mobileまとめ(前編) (1/5)](https://cdn-ak-scissors.b.st-hatena.com/image/square/bfcb00628dd5caddd5ba9c78d7f132784cd90ca6/height=288;version=1;width=512/https%3A%2F%2Fascii.jp%2Fimg%2F2011%2F05%2F20%2F294581%2Fl%2F23d2c3ad3bbd70af.jpg)