HTML的全局属性：即所有HTML都拥有的属性
1.class：样式
使用：<div class='color border'> 。class属性可以给标签指定一个样式的类，CSS、JS均能通过class来寻找到标签，赋予该标签样式或者功能。当class有多个值的时候，用空格隔开每个值。
2.contenteditable：可编辑
这是一个无值属性，当标签中出现这个属性的时候，该标签的内容就能够在页面现实中进行编辑。下面代码：通过给 <style> 一个 display:block 让其在页面中也能够现实（<style>必须在<body>中才能实现），赋予一个 contenteditable 属性让其在页面中可以编辑直接改变 .border的样式
<body>
<style contenteditable style="display:block">
.border{
border:1px solid red;
width: 100px;
height: 100px;
}
</style>
<div class="border"></div>
</body>
3.hidden：隐藏
这也是一个 无值属性。当标签出现这个属性的时候，其样式display属性的值会变成display:none
4.id：id
id属性作用也是便于CSS和JS的选择。非万不得已的情况下不建议使用id属性。id属性在CSS选择其中没有唯一性，即：2个id="HAHA"的标签会被CSS选择器同时选中。但id属性在JS中具有唯一性，当存在2个相同id时，操作这个id的 JS代码会报错。另外在JS中，可以直接使用id来进行获取元素，如:id.style.border = "1px solid red"。
5.style：行内样式
可以使用style = ""来编辑行内样式，行内样式比内联样式，外联样式级别要高。
6.tabindex：tab切换索引
在网页中使用 tab键 能够切换到不同的部分，而 tabindex 属性则是控制这一行为的。
使用：<div tabindex=[number]>。当[number]在1~+∞范围时，tab的切换顺序，根据各标签[number]决定，越小越前，越大越后。其中有个2个特殊值：tabindex = 0 等于0的时候，该元素将是最后一个被tab到的。 tabindex = -1 等于-1时，该元素将永远不会被tab到。
