<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8" />
<title>쉽게 배우는 jQuery Mobile</title>
<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>
<!-- data- 커스텀 애트리뷰트 -->
<div data-role="page">
<header data-role="header">
<h1>jQuery Mobile</h1>
</header>
<div data-role="content">
<ul data-role="listview" data-inset="true">
<li><a href="#">페이지</a></li>
<li><a href="#">다이얼로그</a></li>
<li><a href="#">툴바</a></li>
</ul>
</div>
<footer data-role="footer">
<h3>www.devlec.com</h3>
</footer>
</div>
<div>
또 다른 페이지로 생성할 수 있는 영역
</div>
</body>
</html>