HTML元素的属性多以name="value”的形式出现；
常用的属性或者是大多数元素适用的属性有：id,class,style，tiltle;
id:给予元素唯一值，id值不可重复，
class:类值，一般是元素都具有共有样式时适用
style:给元素赋予内敛样式时适用，
title:规定元素的额外信息；
使用方式如下
<div id="content" class="content-syle" title="我是一个div" style="width:50px;height:89px;border:1px solid red"></div>
HTML5新增的属性有：contenteditable、contextmenu、data-*、draggable、dropzone、hidden、spellcheck、translate
contenteditable:规定元素是否可被编辑 ，值为true/false
contextmen:规定元素的上下文菜单。上下文菜单在用户点击元素时显示
data-*：规定元素的私有数据，-*一般是指，例如data-user-list、data-stu-style;是自定义的value值
draggable:元素是否可以拖动
dropzone:元素在拖动的时候被拖动数据时是否进行复制、移动或链接。（值未copy，move、link），目前所有的主流浏览器均不支持
hidden:元素是否隐藏 true/false true时隐藏
spellcheck:元素的拼写和语法检查
translate:规定是否翻译元素中的内容 值未yes/no，目前的主流浏览器均无法正确的支持
<div contenteditable="true" spellcheck="true" id="testId" data-people-type="Children" draggable="true" lang="Chinese" hidden="hidden"></div>
注：获取元素的属性的js方式为：document.getElementId('testId').getAttribute('data-people-type')
设置属性：document.getElementId('testId').setAttribute('class','test')