10、为页面添加页眉和页脚

Mars5

于 2025-06-02 14:25:20 发布

阅读量67

点赞数

CC 4.0 BY-SA版权

分类专栏：探索jQuery Mobile：移动网页开发的艺术文章标签： jQuery Mobile 页眉页脚

本文链接：https://blog.youkuaiyun.com/mars5/article/details/148832150

探索jQuery Mobile：移动网页开发的艺术专栏收录该内容

30 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

为页面添加页眉和页脚

1. 默认页面结构

在使用jQuery Mobile开发移动网站时，页面的基本结构通常包括三个部分：页眉（header）、内容（content）和页脚（footer）。每个部分都可以通过 data-role 属性来定义，以确保页面在不同设备上都能良好显示。

默认的页面结构如下所示：

<!DOCTYPE html>
<html>
<head>
  <title>页面标题</title>
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css"/>
  <script src="http://code.jquery.com/jquery-1.5.min.js"></script>
  <script src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script>
</head>
<body>
  <div data-role="page">
    <div data-role="header">
      <h1>页面标题</h1>
    </div>
    <div data-role="content">
      <p