HTML5开发网页模板

ouyangtao404

浏览: 22334 次
性别:
来自: 北京

最近访客更多访客>>

dagf113225

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

技术笔记

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>

分享到：

KISSY的发展和文档架构 | CSS3效果的属性用法

2012-05-15 09:39
浏览 798
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

HTML5开发网页模板

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

HTML5开发网页模板

评论

发表评论

相关推荐

区块代码

git常用命令

常用正则

乐活广场页的相关逻辑

ul在ie6下，宽度固定，只适应高度，高度撑不开问题

kissy1.2.0模块化加载

代码规范

超出显...

在页面的图片加载完成后进行其他操作

元素内连续字母强制折行

状态代码

项目整理

一种js的代码框架

对运营更友好的延迟加载

可能用到的php代码

正则表达式学习笔记

淘宝本地生活应用-移动web开发总结

string操作

手机端前端开发实践

常犯错误总结

最近访客更多访客>>