Mobile Apps 1 : Asas-asas dalam Page
<!--
* Mari Belajar PHP
* @copyright (c) 2015, Encraptor Inc. All Right Reserved
* @author Encraptor@gmail.com
* @link http://encraption.blogspot.com
* @version 20151
* @desc Penenrangan Asas bagi Mobile Apps didalam HTML5
* Fail: 1_AsasPageMobile.php
-->
<!-- Tag <!DOCTYPE html> merupakan tag HTML5 -->
<!DOCTYPE html>
<html>
<head>
<!-- meta name untuk device mobile -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Kita perlu memanggil 3 perkara asas rujukan untuk mobile apps iaitu JQUERY, JQUERY MOBILE serta JQUERY MOBILE CSS-->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<!-- Setiap page perlu diset <div data-role="page"> dan mempunyai tiga data-role iaitu header,main dan footer -->
<div data-role="page">
<div data-role="header">
<h1>Welcome To My Homepage</h1>
</div>
<div data-role="main" class="ui-content">
<p>I Am Now A Mobile Developer!!</p>
</div>
<div data-role="footer">
<h1>Footer Text</h1>
</div>
</div>
</body>
</html>
Rujukan penting: W3Schools->JqueryMobile
