我是html5初学者，最近闲来无事，和各位一起学些下html5.

开发环境 jdk1.6,tomcat6,开发工具eclipse.

新建一个web工程，创建一个index.jsp页面。页面代码如下。

 

一般页面设计分为头(header)、体(content)、尾(footer)三个部分。

<!DOCTYPE html><!-- html5标识 -->  
 <html>      
     <head>
            <meta charset="UTF-8">     <!-- 中文乱码处理 -->
        <!--每一款手机有不同的分辨率，不同屏幕大小，如何使我们开发出来的应用或页面大小能适合各种高端手机-->  
        <meta name="viewport" content="width=device-width, initial-scale=1">              <!--相关jquery mobile框架的css和js的引入-->
           <link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css">http://code.jquery.com/mobile/latest/jquery.mobile.min.css" />     
           <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>     
           <script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>       </head>      
     <body>       
         <!-- 页面结构 -->   
<div data-role="page" id="firstExample">
   
            <div data-role="header">       
                       <h1>页面头部</h1>    
            </div><!-- /header -->   
 
            <div data-role="content">        
              <p>页面内容</p>    
            </div><!-- /content -->    
 
          <div data-role="footer">       
              <h4>页面底部</h4>    
           </div><!-- /footer --> 
 
</div><!-- /page -->   
 
  </body>  
</html>

打包发布，打开手机浏览器，访问。注：我的手机和pc机器在同一个无线网络。