HTML5 Boilerplate - 让页面有个好的开始
<!DOCTYPE html> <!--[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><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title></title><meta name="description" content=""><meta name="viewport" content="width=device-width, initial-scale=1"><!-- Place favicon.ico and apple-touch-icon.png in the root directory --><link rel="stylesheet" href="css/normalize.css"><link rel="stylesheet" href="css/main.css"><script src="js/vendor/modernizr-2.6.2.min.js"></script></head><body><!--[if lt IE 7]><p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p><![endif]--><!-- Add your site or application content here --><p>Hello world! This is HTML5 Boilerplate.</p><script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script><script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script><script src="js/plugins.js"></script><script src="js/main.js"></script><!-- Google Analytics: change UA-XXXXX-X to be your site's ID. --><script>(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;e=o.createElement(i);r=o.getElementsByTagName(i)[0];e.src='//www.google-analytics.com/analytics.js';r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));ga('create','UA-XXXXX-X');ga('send','pageview');</script></body> </html>
<!--[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]-->
<meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1">
<!--[if lt IE 7]><p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p> <![endif]-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script> <script src="js/plugins.js"></script> <script src="js/main.js"></script>
// Avoid `console` errors in browsers that lack a console. (function() {var method;var noop = function () {};var methods = ['assert', 'clear', 'count', 'debug', 'dir', 'dirxml', 'error','exception', 'group', 'groupCollapsed', 'groupEnd', 'info', 'log','markTimeline', 'profile', 'profileEnd', 'table', 'time', 'timeEnd','timeStamp', 'trace', 'warn'];var length = methods.length;var console = (window.console = window.console || {});while (length--) {method = methods[length];// Only stub undefined methods.if (!console[method]) {console[method] = noop;}} }());
转载本站文章请注明作者和出处 奇葩一朵朵 – http://www.cnblogs.com/season-huang/ ,请勿用于任何商业用途
转载于:https://www.cnblogs.com/season-huang/p/4187219.html
HTML5 Boilerplate - 让页面有个好的开始相关推荐
- html5 视口,HTML5样板:元视口和宽度=设备宽度(HTML5 Boilerplate: Meta viewpo
我建立一个自适应/响应的网站. 对此近期变化的HTML5BP: " 移动/ iOS的CSS的修改 " 我已经开始使用: ......我有这在我的CSS: html { -webki ...
- html5 boilerplate 教程,HTML5 Boilerplate
最近看到了HTML5 Boilerplate模版,系统的学习与了解了一下.在各种CSS库.JS框架层出不穷的今天,能看到这么好的HTML模版,感觉甚爽.写篇博客,推荐给大家使用. 一:HTML5 Bo ...
- HTML5 Boilerplate介绍
一:HTML5 Boilerplate是什么?解决了什么问题? 对于第一次听说这个人,肯定都有这个疑问把! 实际上,HTML5 Boilerplate只是一个单纯的HTML模版. 什么?HTML模版? ...
- HTML5 Boilerplate浅析
HTML5 Boilerplate浅析 简介 HTML5 Boilerplate--最流行的web开发前端模版,帮你构建 快速, 健壮, 并且 适应力强 的web app或网站. 其特点如下: 一个干 ...
- HTML5 Boilerplate是什么?解决了什么问题?
转载地址:HTML5 Boilerplate是什么 HTML5 Boilerplate是什么?解决了什么问题? 对于第一次听说这个人,肯定都有这个疑问把!在网上看了看,发现很多人都认为这个是和Boot ...
- 基于HTML5 Boilerplate创建自己的项目
web 开发团队的一个常见实践是创建一组标准文件,团队成员基于它们开始 web 开发流程,包括一个公共文件结构.基本命名惯例和标准库. 这样做能够更容易启动并运行一个项目.它还能将开发人员引向内部编码 ...
- html5页面转场,基于HTML5 SVG的页面过渡切换效果
示例中使用了CSS Flexbox和CSS变量,不是所有的浏览器都支持这些新的CSS属性. 该HTML5 SVG的页面过渡变形切换效果的基本HTML结构如下: d="M -44,-50 C ...
- html5 页面加载缓慢,html5体验优化页面加载的14条建议
html5体验优化页面加载的14条建议 1. fake 页 - 首屏加速 目标:首屏 3s 以内 因为 71% 的用户期望移动页面跟 pc 页面一样快 (3s) ,74% 的用户能容忍的响应时间为 5 ...
- 专访HTML5 Boilerplate项目核心成员——石川
HTML5 Boilerplate项目是一个出色的前端开发框架,知乎上有一个话题介绍了该项目的特性.在项目的核心开发人员中,有一位华人,他就是石川. 前不久,InfoQ对石川进行了专访. InfoQ: ...
最新文章
- 性能案例-Linux下解决time_wait连接过多(Linux内核优化)
- Java中使用SQLite数据库
- 2020数字中国创新大赛-智能算法赛-冠军方案分享
- 手机版python3.6.6的requests库下载_Python爬虫之Python3.6 Requests库的基本使用方法
- 《深入浅出数据分析》第十章第十一章
- Element menu
- [数据结构]前缀、中缀、前缀表达式
- iOS 唤起各种App的方法总结
- keil5——安装教程附资源包
- CMYK与RGB颜色区别
- oracle lpad nvl,Oracle的Lpad函数
- 《当我们谈论爱情时,我们谈论机器》感悟一二
- python在windows与linux下读取doc文件
- python again_It’s really(wonder)________ to see you here again in Beijing.
- Unity摄像机对象锁定旋转运镜模拟
- CSS绘制形状(三角形、四分之一圆、半圆、圆、梯形、球体、菱形)
- Linux内核源码分析-scsi子系统-让磁盘转起来-sd_spinup_disk
- swift4.0 方法监听Selector写法总结
- 【重磅整理】提前看287篇ICLR-2021 深度强化学习领域论文得分汇总列表
- 未来架构师的平台战略范例(4)_大数据
热门文章
- redis集群搭建及设置账户(转)
- 用于改善质量、稳定性和多样性的可增长式GAN
- 数字取整或保留小数四舍五入的正确写法
- Scalaz(32)- Free :lift - Monad生产线
- How draw a stem -and -leaf amp; box-plot display by R.or Python
- How to mannuly configure vmtools in VM-Ware?
- 在quartus 和 ISE 里直接调用modelsim的方法(转)
- ajax 省市级联项目中的实现
- nginx web服务理论与实战
- 在虚拟机安装OpenSuse Tumbleweed