h5的全局属性

全局属性指，对任何元素都能使用的元素

draggable = "true"  元素可以在页面被拖动

hidden = "true"  元素被隐藏，页面看不到

id= "   "  给元素指定唯一id

spellcheck    是否对元素进行拼写或语法检查

style  行内样式，这也是全局属性

title   规定有关元素的额外信息

class  指定元素的class

accesskey="h" 使元素获得焦点，可以以快捷方式访问元素   alt+"h"    此属性只能在  <a>, <area>, <button>, <input>, <label>, <legend> 以及 <textarea>

contenteditable= "true"   是否可编译

contextmenu  规定元素的上下文菜单，只有在firefox才支持

dir="rtl/ltr"   文本方向，从左往右，从右往左  

lang  规定元素的内容语言

data  存储自定义数据，不需要进行ajax或数据库查询  但是写法有要求。

data-*  必须使用这种格式  值可以是任意字符串  获取值  animal.getAttribute("data-animal-type");   

<ul>
  <li οnclick="showDetails(this)" id="owl" data-animal-type="鸟类">喜鹊</li>
  <li οnclick="showDetails(this)" id="salmon" data-animal-type="鱼类">金枪鱼</li>  
  <li οnclick="showDetails(this)" id="tarantula" data-animal-type="蜘蛛">蝇虎</li>  
</ul>

function showDetails(animal) {
    var animalType = animal.getAttribute("data-animal-type");
    alert(animal.innerHTML + "是一种" + animalType + "。");
}