Edit in JSFiddle 


              
<!DOCTYPE html> 
<html> 
    <head> 
    <title>My Page</title> 
    <!-- viewport meta tag -->
    <!-- width=device-width 表示：硬體螢幕的像素寬度決定網頁呈現的寬度 -->
    <!-- initial-scale=1 表示：網頁載入時的放大比例，在此設定放大比例為一倍 -->    
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
</head> 
<body> 
    
<!-- data-role="page" 網頁 -->
<div data-role="page">
    
    <!-- data-role="header" 網頁標頭 -->
    <div data-role="header">
        <h1>My Title</h1>
    </div>
    
    <!-- data-role="content" 網頁內容 -->
    <div data-role="content">    
        <p>Hello world</p>        
    </div>
    
    <!-- data-role="footer" 網頁頁尾 -->
    <div data-role="footer">
        <p>author: jason</p>
    <div>
        
</div>

</body>
</html>

              

              

              

              

                
External resources loaded into this fiddle: