<!DOCTYPE html>
<html>
<head>
<title>jQuery Mobile</title>
<!--글자 폰트 관련 설정-->
<meta charset="euc-kr" />
<meta name="viewport" content="width=device-width,
initial-scale=1.0,
maximum-scale=1.0,
minimum-scale=1.0,user-scalable=no"/>
<!--바로가기 이미지 버튼-->
<link rel="shortcut icon" href="../FrameWork/images/icons-18-black.png" />
<link rel="apple-touch-icon" href="../FrameWork/images/icons-18-black.png" />
<!--프레임, 스크립트-->
<link href="../framework/jquery.mobile-1.0.css" rel="stylesheet" type="text/css" />
<script src="../framework/jquery-1.6.4.js"></script>
<script src="../framework/jquery.mobile-1.0.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>첫 화면</h1>
</div>
<div data-role="content">
안녕하세요~! 같이 공부해요<br />
http://godffs.tistory.com
</div>
</div>
</body>
</html>
--------------------------------------------------------------------------------
구성화면
jQuery Mobile 구성 영역
page 안에 header, content, footer로 구성되어 있으며, data-role 석성으로 구분합니다.
header, footer 는 페이지 내에서 없어도 되지만 content 는 꼭 있어야 합니다.
'jQuery | javascript | CSS' 카테고리의 다른 글
| jQuery Mobile - 03.버튼의 종류 (0) | 2012.09.12 |
|---|---|
| jQuery Mobile - 02. 버튼 클릭시 페이지 이동 (0) | 2012.09.11 |
| jQuery Mobile - 00. Visual Studio 2010에서 jQuery Mobile 기본 구성 프로젝트 (0) | 2012.09.10 |
| HTML5 기본 태그 (0) | 2012.09.02 |
| 버튼 클릭시 해당 페이지에서 페이지 뒤로 이동하기 (0) | 2011.07.07 |
Comments