创建专页
尽管jQuery Mobile的适用于所有的移动设备，它可能（由于有限的CSS3支持）桌面计算机上的一些兼容性问题。
在本教程中，我们建议您使用谷歌Chrome浏览器更好的阅读体验。
下面，我们创建了一个简单，标准的jQuery Mobile的页面：
例
<body>
<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> 试一试» 例子解释：
- 该data-role="page"是在浏览器中显示的网页
- 该data-role="header"创建页面顶部的工具栏（通常用于标题或搜索按钮）
- 该data-role="main"定义了页面的内容，如文本，图像，按钮，表格等
- 在"ui-content"类添加的页面里面的内容微胖和保证金
- 该data-role="footer"在页面底部创建工具栏
- 这些容器里面，你可以添加任何HTML元素 - 段落，图片，标题，列表等。
在HTML5 data-*属性在整个jQuery Mobile的用于创建一个"touch-friendly"为移动设备和有吸引力的外观。
在jQuery Mobile的添加页面
在jQuery Mobile的，你可以创建一个HTML文件中多个页面。
分隔每个页面有一个唯一的ID，使用href属性，它们之间的链接：
例
<div data-role="page" id="pageone" >
<div data-role="main" class="ui-content">
<a href="#pagetwo" >Go to
Page Two</a>
</div>
</div>
<div data-role="page"
id="pagetwo" >
<div
data-role="main" class="ui-content">
<a href="#pageone" >Go to Page
One</a>
</div>
</div> 试一试» 提示：加载的时间会很多的内容Web应用程序的影响（如文字，链接，图片，脚本等）。 使用外部文件，如果你不想在内部链接的网页：
<a href="externalfile.html">Go To External Page</a>
使用网页的对话框
对话框是用来显示特殊的信息或请求输入一个类型的窗口。
要创建一个当用户点击一个链接，打开一个对话框，添加data-dialog="true"您想显示为一个对话框中的页面：
例
<div data-role="page" id="pageone">
<div
data-role="main" class="ui-content">
<a href="#pagetwo">Go to Page Two</a>
</div>
</div>
<div data-role="page"
data-dialog="true" id="pagetwo">
<div
data-role="main" class="ui-content">
<a href="#pageone">Go to Page One</a>
</div>
</div> 试一试»