1.文档类型声明
文档类型声明告诉浏览器，页面使用的是哪个版本的HTML。
对于HTML5，文档类型声明是：
<!DOCTYPE html>
2.title元素的内容由站点名和页面标题组合而成，并用破折号，冒号或管道符号分隔。
3.视口viewport元数据元素在大多数非响应式网页里是通常不使用的，但却是响应式站点工作的关键。在移动设备上，视口的宽度就是屏幕的宽度。`width= device-width告诉浏览器以全尺寸渲染页面（不管屏幕尺寸可能是多少）。initial-scale= 1.0 告诉浏览器在屏幕上首次加载网页时按width属性确定的宽度来渲染，不放大也不缩小。
4.对于HTML5的语义化标签，为了兼容旧版浏览器，应该在相应的HTML5语义化标签当中添加role属性。如下：
<header role="banner">
包含介绍性和导航性的辅助内容，可能包括Logo、搜索功能和主导航栏
<nav role = "navigation">导航</role>
</header>
<aside role = "complementary">
用于次要的内容，可以是与网页或页面相关的，例如一个友情链接，若嵌套于article元素里面，则是与wen
</aside>
<article>
对应网页上一块独立的内容，可能是一篇报纸文章，一篇博客等等。没有role属性对应此元素。
</article>
<footer role = "contenttinfo">
包含版权声明，页面相关信息，以及连接到相关资料的链接。
</footer>
<!--IE支持，对于新的HTML5结构化元素，一些老的浏览器不能识别。会像对待span元素一样对待这些元素，但IE8及更早期版本IE版本却也会同时拒绝为他们应用任何CSS样式！因此，为了解决此问题，需要加一些JavaScript,使浏览器可以识别这些新元素。-->
<!--HTML5 Shiv可以解决以上问题，在https://github.com/aFarkas/html5shiv/
下载HTML5 Shiv并把它像下面这样链接到head中（像引用jQuery）。
<!--[if lt IE 9]>
<script src = "../html5shiv.js"></script>
<![endif]-->`
2722
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
