<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8" />
<title>jQuery Mobile 페이지</title>
<meta content="width=device-width" name="viewport" />
<link href="../Content/jquery.mobile-1.1.0.min.css" rel="stylesheet" type="text/css" />
<script src="../Scripts/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="../Scripts/jquery.mobile-1.1.0.min.js" type="text/javascript"></script>
</head>
<body>
<!-- 첫번재 페이지 -->
<div id="thePage1" data-role="page">
<header data-role="header">
<h1>안녕하세요.</h1>
</header>
<div data-role="content">
<p>여기는 첫번째 페이지입니다.</p>
<p>
<a href="#thePage2">두번째 페이지로.</a>
</p>
</div>
<footer data-role="footer">
<p>처음</p>
</footer>
</div>
<!-- 두번재 페이지 -->
<div id="thePage2" data-role="page">
<header data-role="header">
<h1>반갑습니다.</h1>
</header>
<div data-role="content">
<p>여기는 두번째 페이지입니다.</p>
<p>
<a href="#thePage1">첫번째 페이지로.</a>
</p>
</div>
<footer data-role="footer">
<p>마지막</p>
</footer>
</div>
</body>
</html>