background image

2.3、搭建一个基本的页面框架,包含标题、内容、页脚:

1

<div data-role="page">      <div data-role="header">   

2

     <h1>         Page Title</h1>   

3

   </div>   <!-- /header -->   

4

   <div data-role="content">         Page content goes here.</p>   

5

   </div>   <!-- /content -->   

6

   <div data-role="footer">        <h4>   

7

      Page Footer</h4>      </div>   

8

<!-- /footer -->   </div> 

9

 

data-role 即 HTML5 的自定义属性。

2.4、F5 运行,我使用的 Chrome 11。效果如下: