7、创建移动网站中的页面

创建移动网站中的页面

1. 使用链接创建页面

在移动网站开发中，页面的创建和导航是用户体验的关键部分。通过使用链接，我们可以创建多个页面，并确保这些页面能够顺利过渡和加载。这不仅能提高用户的浏览体验，还能优化移动设备上的性能。

1.1 使用 <div> 元素创建页面

在jQuery Mobile中，页面是通过 <div> 元素创建的，每个页面都需要使用 data-role="page" 属性来定义。例如：

<div data-role="page" id="menu">
    <div data-role="header">
        <h1>菜单</h1>
    </div><!-- /header -->
    <div data-role="content">
        <p>你喜欢什么类型的交通工具？</p>
        <p><a href="#one">汽车</a></p>
        <p><a href="#