- jQuery mobile 기본 구조 - 기본구조 jquery list

header part

content part

footer part

 - 기본구조2(다중페이지를 한페이지에 구성하는 법)

Foo

I'm first in the source order so I'm shown as the page.

View internal page called bar

Page Footer

Bar

I'm first in the source order so I'm shown as the page.

Back to foo

Page Footer

 * : 구성된 ui와 widget들이 해당 모바일 기기의 가로와 세로 폭에 맞게 확대 또는 축소될수 있게 해주는 메타 태그이다. * 기본적인 페이지의 구성은
를 통해서 묶어 준다. 또한 jquery mobile 프레임워크를 사용하기 위해서 data-role속성을 사용한다. 기본적으로는 data-role이 page인
태그 안에 헤더
, 콘텐츠
, 푸터
를 작성하여 페이지를 구성한다.