jQuery Mobile‎ > ‎01. 페이지‎ > ‎

01. 기본 틀 만들기


HTML5DOCTYPE으로 시작된다. 모든 HTML 문서와 마찬가지로 <html> 요소 안에는 하나의 <head> 요소와 하나의 <body> 요소가 있다. <head> 요소 내에는 jQuery Mobile을 사용하기 위해 필요한 라이브러리의 위치를 명시해 주어야 한다. jQuery Mobile을 사용하기 위해서는 CSSjQuery jQuery Mobile의 자바스크립트를 참조하는 내용이 포함되어 있어야 한다. 또한, 모바일 장치의 화면 크기를 고려해서 적절한 <meta> 태그도 추가해보자.

<!DOCTYPE html>
<html>
<head>
    <title>
문서 제목</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0rc2/jquery.mobile-1.0rc2.min.css" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.0rc2/jquery.mobile-1.0rc2.min.js"></script>
</head>
<body>
        ...
여기에는 문서의 내용이 입력될 것임...
</body>
</html>

Comments