티스토리 뷰

정보 보관 ver1.0

jQuery Mobile을 위한 기본 문서 형식

James Wetzel 2012. 11. 28. 00:11

<!DOCTYPE html>


<html lang="utf-8">

<head>

<title>jQuery Mobile</title>

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no" />

<meta name="apple-mobile-web-app-capable" content="yes" />

<meta name="apple-mobile-web-app-status-bar-style" content="black" />

<link rel="shortcut icon" href="icon.png"  />

<link rel="apple-touch-icon" href="icon.png" />

<link rel="apple-touch-startup-image" href="images/ios_startup.png" />

<link rel="stylesheet" href="jQuery/jquery.mobile-1.2.0.min.css" />

<script type="text/javascript" src="jQuery/jquery-1.8.3.min.js" ></script>

<script type="text/javascript" src="jQuery/jquery.mobile-1.2.0.min.js"></script>

</head>

<body>

<div data-role="page">

<div data-role="header">

<h3>JQuery Mobile</h3>

<a href="#">좌측버튼</a>

<a href="#">우측버튼</a>

</div>

<div data-role="content">

<p>Content</p>

</div>

<div data-role="footer" data-position="fixed">

<div data-role="navbar">

<ul>

<li><a href="#">Menu1</a></li>

<li><a href="#">Menu2</a></li>

<li><a href="#">Menu3</a></li>

</ul>

</div>

</div>

</div>

</body>

</html>

728x90
반응형
저작자표시 비영리 동일조건 (새창열림)