其实对HTML说不上陌生也不算熟悉，准确的说是从来没有考虑过要看官方文档，每次都是停留在浅尝辄止的水平保持够用就好。这次机会让我能够好好的把HTML官方文档看一遍，提升一下自己的水平：）
Link :https://www.w3.org/TR/html5/
比较重要的部分：3.2.5章节 4.1章节 4.2章节 4.3章节 4.4章节 4.5章节 meta标签
3.2.5Global attributes(全局属性）
The following attributes are common to and may be specified on all HTML elements (even those not defined in this specification):
accesskey
class
contenteditable
dir
hidden
id
lang
spellcheck
style
tabindex
title
translate
这些属性只能被标准的HTML元素作为属性定义。当HTML标签使用这些属性的时候，命名空间中没有这些属性的不会被考虑。
具体作用：
accesskey：使用键盘可以操作网页，一般使用为alt+key.
class:这个属性是一个element的class的独立规范列表。class允许css和javascript通过class选择器或者类似下面的DOM方法来选择和访问element
contenteditable:是否可编辑开关。使用时必须赋值"true"，不允许直接加入标签内使用。如果没有被设置，则直接继承父元素属性。
dir:表明文本方向。可定义为ltr/rtl/auto.分别为left-to-right,right-to-left,auto.auto会使用基本的解析算法进行解析，如果发现字符有很强的方向性，那么则将这个方向作为整个element的方向。
hidden:这个布尔（Boolean）属性表示element还没有或是不再存在，当然这都是相对的。例如，你经常在页面上使用隐藏element,只有在登录处理完成后才可以被使用。浏览器不渲染这样的element。也就是说，一般用于隐藏元素吧。
id:这个属性是唯一的标识，它在整个document里应该是唯一的。准确的说，就是用来当锚点的。
lang: language.顾名思义。
spellcheck：拼写检查。一般中文是不用的，做I18N的网站有可能会用。用的话一般是用来检查输入框？
style：CSS Style.
tabindex:决定是不是能获得焦点，使用方式是用tab切换。定义它的值即可，从小到大依次切换，负数则永远不会被切换到。
title:文本信息。顾名思义系列。
translate:标记用于localized的时候是否翻译。
data-*:被称为自定义属性。允许HTML和它对应DOM表现形式之间的专有信息交换。可以理解为Script使用的标签.
draggbale:这个属性决定一个Element是否能够被拖动。可被定义为True 和False,未设置则默认为auto。必须规定True或者False,同contenteditable标签一致，不允许直接使用。
4.1章节 The root element（根元素）
Link:https://www.w3.org/TR/html5/semantics.html#the-root-element
只讲了一种元素，HTML元素。也就是。它没有种类，所有子文档都需要使用。它的开始标签之前，只能够写注释，结束标签之后，同样只能写注释。不允许任何ARIA值。
4.2章节 Document metadata（文档的metadata)
Link:https://www.w3.org/TR/html5/document-metadata.html#document-metadata
metadata(元数据）代表该标签指示了HTML的页面相关信息，绝大一部分是写给浏览器看的。具体有