HTML5开发网页模板
hong 2012-05-15
html5网页开发的模板：
<!doctype html>
<!--[if lt IE 7]><html class="no-js ie ie6 lte9 lte8 lte7"> <![endif]-->
<!--[if IE 7]><html class="no-js ie ie7 lte9 lte8 lte7"> <![endif]-->
<!--[if IE 8]><html class="no-js ie ie8 lte9 lte8"> <![endif]-->
<!--[if IE 9]><html class="no-js ie ie9 lte9"> <![endif]-->
<!--[if gt IE 9]><html class="no-js"><![endif]-->
<!--[if !IE]><!--><html><!--<![endif]-->
<head>
<meta charset="gbk">
<title>淘宝Html5模板</title>
<meta name="description" content="">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!-- 响应式设计代码 -->
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes">
<link type="image/x-icon" href="http://www.taobao.com/favicon.ico" rel="shortcut icon" />
<!-- html5reset and css3 -->
<link rel="stylesheet" href="http://a.tbcdn.cn/??p/global/1.0/global-min.css,app/dp/s/html5/css/common-min.css"/>
<!--[if lt IE 9]><script src="http://a.tbcdn.cn/app/dp/s/html5/js/??html5shiv-min.js,modernizr-v2.5.3-min.js"></script><![endif]-->
<!--[if gte IE 9]><!--><script src="http://a.tbcdn.cn/app/dp/s/html5/js/modernizr-v2.5.3-min.js"></script><!--<![endif]-->
<script src="http://a.tbcdn.cn/??s/kissy/1.1.6/kissy-min.js,p/global/1.0/global-min.js,p/et/et.js?t=2012011120110301.js" type="text/javascript"></script>
</head>
<body>
<div class="page">
<!-- 页头 begin -->
<header class="header">
<h1>Logo</h1>
<nav class="nav">
<ul class="nav-list">
<li class="nav-item has-trans"><a href="#">首页</a></li>
<li class="nav-item has-trans"><a href="#">二级频道</a></li>
<li class="nav-item has-trans selected"><a href="#">二级频道</a></li>
<li class="nav-item has-trans"><a href="#">二级频道</a></li>
<li class="nav-item has-trans"><a href="http://www.zhifubao.com">二级频道</a></li>
</ul>
</nav>
</header>
<!-- 页头 end -->
<!-- 主体 begin -->
<div class="content">
Content
</div>
<!-- 主体 end -->
<!-- 页脚 begin -->
<footer class="footer">
<p>页脚内容</p>
</footer>
<!-- 页脚 end -->
</div>
</body>
</html> 
相关推荐
wusiye 0喜欢 / 0评论 2020-10-23
表格的现在还是较为常用的一种标签，但不是用来布局，常见处理、显示表格式数据。在HTML网页中，要想创建表格，就需要使用表格相关的标签。<table> <tr> <td>单元格内的文字</td> ...
gufudhn 0喜欢 / 0评论 2020-08-09
nercon 0喜欢 / 0评论 2020-08-01
swiftwwj 0喜欢 / 0评论 2020-07-21
nercon 0喜欢 / 0评论 2020-07-16
饮马天涯 0喜欢 / 0评论 2020-07-05
Lophole 0喜欢 / 0评论 2020-06-28
gufudhn 0喜欢 / 0评论 2020-06-12
csstpeixun 0喜欢 / 0评论 2020-06-11
huzijia 0喜欢 / 0评论 2020-06-09
WebVincent 0喜欢 / 0评论 2020-06-06
niehanmin 0喜欢 / 0评论 2020-06-03
行吟阁 0喜欢 / 0评论 2020-05-30
qsdnet我想学编程 0喜欢 / 0评论 2020-05-26
gufudhn 0喜欢 / 0评论 2020-05-25
qsdnet我想学编程 0喜欢 / 0评论 2020-05-19
suixinsuoyu 0喜欢 / 0评论 2020-05-15
HSdiana 0喜欢 / 0评论 2020-05-15
PioneerFan 0喜欢 / 0评论 2020-05-15
GimmeS 0喜欢 / 0评论 2020-05-15
owhile 0喜欢 / 0评论 2020-05-15
KungLun 0喜欢 / 0评论 2020-02-03
nercon 0喜欢 / 0评论 2020-05-04
行吟阁 0喜欢 / 0评论 2020-04-10
rionchen 0喜欢 / 0评论 2020-04-09
WebVincent 0喜欢 / 0评论 2020-04-07
86384798 0喜欢 / 0评论 2020-04-04
qsdnet我想学编程 0喜欢 / 0评论 2020-03-27
WebVincent 0喜欢 / 0评论 2020-03-25
lyg0 0喜欢 / 0评论 2020-03-20
STPace 0喜欢 / 0评论 2020-03-14
viewerlin 0喜欢 / 0评论 2020-03-07
STPace 0喜欢 / 0评论 2020-03-06
nercon 0喜欢 / 0评论 2020-03-06
owhile 0喜欢 / 0评论 2020-03-05
WebVincent 0喜欢 / 0评论 2020-03-04
zsh 0喜欢 / 0评论 2020-03-01
swiftwwj 0喜欢 / 0评论 2020-03-01
swiftwwj 0喜欢 / 0评论 2020-02-23
owhile 0喜欢 / 0评论 2020-02-23
lyg0 0喜欢 / 0评论 2020-02-18
黎豆子 0喜欢 / 0评论 2020-02-18
InterestSoul 0喜欢 / 0评论 2020-02-17
haohong 0喜欢 / 0评论 2020-02-14
行吟阁 0喜欢 / 0评论 2020-02-01
黎豆子 0喜欢 / 0评论 2020-02-01
一个客户要求给网站添加一个背景音乐，我用的是html5添加网页背景音乐的代码，在此记录一下以后有用。html5方法二：<videocontrols=""autoplay=""name="media&q
玫瑰小妖 0喜欢 / 0评论 2020-01-24