728x90
jquery mobile 기본 페이지 템플릿 만들기
이 템플릿 에서메타 viewport태그는 화면 너비를 장치의 픽셀 너비로 설정합니다. jQuery, jQuery Mobile 및 CDN의 모바일 테마 스타일시트에 대한 참조는 모든 스타일과 스크립트를 추가합니다. jQuery Mobile 1.4는 jQuery core 1.8 이상 버전에서 작동합니다.
에서 of가 있는 div는 페이지를 설명하는 데 사용되는 래퍼입니다. 헤더 바( ), 콘텐츠 영역( ), 푸터 바( )를 내부에 추가하여 기본 페이지를 생성합니다(3개 모두 선택 사항). 이러한 속성은 기본 마크업을 개선되고 스타일이 지정된 위젯으로 변환하기 위해 jQuery Mobile 전체에서 사용되는 HTML5 속성입니다
<!doctype html>
<html>
<head>
<title>My Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://code.jquery.com/mobile/[version]/jquery.mobile-[version].min.css">
<script src="https://code.jquery.com/jquery-[version].min.js"></script>
<script src="https://code.jquery.com/mobile/[version]/jquery.mobile-[version].min.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>My Title</h1>
</div><!-- /header -->
<div role="main" class="ui-content">
<p>Hello world</p>
</div><!-- /content -->
<div data-role="footer">
<h4>My Footer</h4>
</div><!-- /footer -->
</div><!-- /page -->
</body>
</html>728x90
'코딩 배우기' 카테고리의 다른 글
| 제이쿼리 이벤트 확장(jquery event extensions) (0) | 2023.05.24 |
|---|---|
| jquery 루프 외부에 추가 (0) | 2023.05.23 |
| 이벤트 위임의 이해 (0) | 2023.05.22 |
| 다중 클릭 이벤트 (0) | 2023.05.20 |
| jQuery history event 이란? (0) | 2023.05.19 |
댓글