[jQuery Mobile] Web/App Hybrid 만들기 2. Frame 구성

2. Header, Content, Footer Frame 구성

1-1. 기본 프레임 단위

<div data-role="page" > <div data-role="header" data-theme="b" > <h1>Header</h1> </div> <div data-role="content"> <p>Content</p> </div> <div data-role="footer" data-position="fixed" data-theme="b"> <h1>Footer</h1> </div> </div>

1-2. 확인

2-1. data-theme [a ~ g]

<div data-role="page" > <div data-role="header" data-theme="b" > <h1>Header</h1> </div> <div data-role="content"> <p>Content</p> </div> <div data-role="footer" data-position="fixed" data-theme="b"> <h1>Footer</h1> </div> </div>

data-theme의 기본코드는 "a" 이므로 검정색으로 나온다.

2-2.