1.0.jquerymobile--基本模板

weixin_30407613

于 2012-03-16 11:01:00 发布

阅读量106

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xiaozhanga4/archive/2012/03/16/2399885.html

本文提供了一个使用JQuery Mobile构建的基本页面结构实例。该实例包括头部、正文及底部等部分，并通过JQuery Mobile提供的样式和脚本来实现响应式布局。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html> 
<html> 
<html lang="zh-CN">
	<head> 
	<title>JqueryMobile模板</title> 
	<meta charset="utf-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<link rel="stylesheet" href="jquery.mobile-1.0.1.css" />
	<script src="jquery.js"></script>
	<script src="jquery.mobile-1.0.1.js"></script>
</head> 
<body> 
	<section id="homepage" data-role="page">
		

			<header data-role="header">
				<h1>标题</h1>
			</header><!-- /header -->

			<div data-role="content">	
				<p>正文</p>		
			</div><!-- /content -->
			
			<footer data-role="footer">
				<h4>页脚</h4>
			</footer>
			
			
	</section><!-- /page -->
</body>
</html>

转载于:https://www.cnblogs.com/xiaozhanga4/archive/2012/03/16/2399885.html