메인 페이지 구성(메인 페이지이름은 app5.html)
<body>
<!-- 페이지 구성 -->
<div data-role="page" id="main" data-theme="b" >
<div data-role="header" data-theme="d">
<h1>헤더</h1>
</div>
<div data-role="content">
<h2>컨텐트</h2>
<p><a href="app5_sub.html" data-transition="slide" data-role="button">서브페이지 이동</a></p>
</div>
<div data-role="footer">
<h2>푸터</h2>
</div>
</div>
</body>
sub페이지 구성(sub 페이지이름은 app5_sub.html)
<!-- 페이지 구성 -->
<div data-role="page" id="sub" data-theme="b" >
<div data-role="header" data-theme="d">
<h1>서브 헤더</h1>
</div>
<div data-role="content">
<h2>서브 컨텐트</h2>
<p><a href="app5.html" data-role="button" data-transition="slide" data-direction="reverse">메인페이지 이동</a></p>
</div>
<div data-role="footer">
<h2>서브 푸터</h2>
</div>
</div>