html5页面结构
我是html5初学者，最近闲来无事，和各位一起学些下html5.
开发环境 jdk1.6,tomcat6,开发工具eclipse.
新建一个web工程，创建一个index.jsp页面。页面代码如下。
一般页面设计分为头(header)、体(content)、尾(footer)三个部分。
<!DOCTYPE html><!-- html5标识 -->
<html>
<head>
<meta charset="UTF-8"> <!-- 中文乱码处理 -->
<!--每一款手机有不同的分辨率，不同屏幕大小，如何使我们开发出来的应用或页面大小能适合各种高端手机-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--相关jquery mobile框架的css和js的引入-->
<link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>
</head>
<body>
<!-- 页面结构 -->
<div data-role="page" id="firstExample">
<div data-role="header">
<h1>页面头部</h1>
</div><!-- /header -->
<div data-role="content">
<p>页面内容</p>
</div><!-- /content -->
<div data-role="footer">
<h4>页面底部</h4>
</div><!-- /footer -->
</div><!-- /page -->
</body>
</html>
打包发布，打开手机浏览器，访问。注：我的手机和pc机器在同一个无线网络。
最新文章
- HDFS NameNode 设计实现解析
- Node.js EventEmitter(事件队列)
- linux下搭建php的集成环境
- uva10344 23 out of 5
- windows10 qt5 mingw32编译cryptopp563
- 记CVTE2014年春季招聘实习生求职历程
- Linux下删除乱码或特殊字符文件
- poj 1924 Paths on a Grid(组合数学)
- 转载crontab例行工作调度
- LNMP一键安装包-CentOS 5/6下自动编译安装Nginx,MySQL,PHP
- iOS app提交审核 11.13条款问题
- Qt 学习之路：文本文件读写
- Python基础练习
- Java Web(九) 用户管理系统
- 页面发送请求到后台报错“Empty or invalid anti forgery header token.”问题解决
- vue组件详解（二）——使用props传递数据
- 安全性测试入门：DVWA系列研究（二）：Command Injection命令行注入攻击和防御
- excel冻结标题栏，让标题栏不滚动的方法
- PHP循环语句深度理解分析——while, for, foreach, do while
- 4、static