참조 - 삶의 조각들
jQuery Mobile 에서 컨텐트는 <div data-role="content"></div> 로 정의 된다. 컨텐트에는 데이터 및 jQuery Mobile 의 UI요소들이 배치된다.
<div id="index" data-role="page">
<div data-role="header"></div>
<div data-role="content">
//jQuery Mobile 의 UI 요소들이 배치된다.
</div>
<div data-role="footer"></div>
</div>
컨텐트 정의시에 사용할수 있는 data-* 속성은 다음과 같다.
data-* 속성 | 설명 | 값 |
data-theme | 컨텐트 테마 | swatch letter(a-z) |