经典的HTML开发模板展示
时间:2014-07-22 19:53 来源: 我爱IT技术网 作者:山风
一个经典的HTML开发模板展示，超高兼容性和功能性于一体，大家学习吧！
- /* ==========================================================================
- HTML5 Boilerplate项目小组出品
- ========================================================================== */
- <!DOCTYPE html>
- <!--开启modernizr,如浏览器开启js会覆盖no-js,lt-ie9 lt-ie8 lt-ie7作为扩展标识,为了方便做csshack-->
- <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
- <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
- <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
- <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
- <head>
- <!--放在title前面，避免代码注入-->
- <meta charset="utf-8">
- <!--IE强制使用最新渲染引擎，如安装了Chrome渲染引擎插件强制使用之-->
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- <title></title>
- <!--描述标签，为搜索引擎提供参考，一般关键词出现1-3次-->
- <meta name="description" content="">
- <meta name="viewport" content="width=device-width">
- <!-- 将 favicon.ico 和 apple-touch-icon.png 放在站点的根目录 -->
- <link rel="icon" href="favicon.ico">
- <link rel="apple-touch-icon" href="/img/apple-touch-icon.png" />
- <link rel="stylesheet" href="css/normalize.css">
- <link rel="stylesheet" href="css/main.css">
- <!--省略http或者https协议开头是为了避免不必要的重复下载资源,同样适用于css的url属性
- 使用Google提供的托管库，稳定，可靠，高速，支持全球访问-->
- <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
- <script src="js/vendor/modernizr-2.6.2.min.js"></script>
- </head>
- <body>
- <!--IE6-会提醒用户升级浏览器或安装Google Chrome 内嵌框架-->
- <!--[if lt IE 7]>
- <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://www.52ij.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
- <![endif]-->
- <!-- 网页内容区域 -->
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
- <!--万一获取失败才使用本站的JS库-->
- <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.2.min.js"><\/script>')</script>
- <script src="js/plugins.js"></script>
- <script src="js/main.js"></script>
- <!--追踪并分析网站使用情况,分析跳出率，退出率，SEO成效-->
- <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
- <script>
- var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
- (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
- g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
- s.parentNode.insertBefore(g,s)}(document,'script'));
- </script>
- </body>
- </html>
本文来源 我爱IT技术网 http://www.52ij.com/jishu/12003.html 转载请保留链接。
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
看着繁体字有点蛋疼。。。。
看着繁体字有点蛋疼。。。。