HTML 5学习笔记1——那些常被忽略的属性
之前学习HTML5的时候，心态比较浮躁，现在安下心来再仔细看HTML5，真的有很多比较好的属性常常被忽略，起码我是很少用到的。
1、 accesskey,支持的标签有<a> <area> <button> <input> <textarea> <label> <lagend>(表单标签 以及链接标签)，除了Opera外其他浏览器均支持。
使用的时候用Alt + accessKey (或者 Shift + Alt +accessKey) 来访问带有指定快捷键的元素。
2、contenteditable,规定是否可编辑元素，布尔值属性，不支持的浏览器有IE（IE11） Firefox。
3、contextmenu，暂时没有浏览器支持。根据W3School给出的例子，contextmenu的值为<menu>的ID值，这样，通过右击，会弹出设定好的上下内容。
4、data-*,这个属性让我们可以自定义属性内容。在Javascript中可通过element.dataset["*"]来获取自定义设定的值。
5，media,这是一个描述性质的属性，描述的是目标URL是为什么样的设备进行优化的，所以只有存在href时才能使用。属性值见http://www.w3school.com.cn/tags/att_a_media.asp
6，lang,hreflang，前者是定义元素内容的语言（全局属性），后者是指定被连接文档的语言。是否指定这个属性，在网页中表现不出来，这主要是针对搜索引擎以及实现W3C规范的，告诉搜索引擎，这是一个英文<html lang="en">或是中文<html lang="zh">网站.http://www.w3school.com.cn/tags/html_ref_language_codes.asp
7,target,除了我们常常使用或见到的_blank,_self,_top,_parent外，还可以指定为当前页面中<iframe>的name属性值，这样被连接的网站就会在框架中打开。
8，preload,主要用于audio以及video，有三个值，none,auto,meta.如果指定了autoplay的话，在定义preload属性没有意义。
None：不进行预加载。使用此属性值，可能是页面制作者认为用户不期望此视频，或者减少HTTP请求。
Meta：部分预加载。使用此属性值，代表页面制作者认为用户不期望此视频，但为用户提供一些元数据（包括尺寸，第一帧，曲目列表，持续时间等等）。
Auto：全部预加载。
9,<button>中的value属性，W3School说在IE中会提交Button中间的文本，而不是value属性值，但是在IE11中这个问题应该是得到了解决了。http://www.w3school.com.cn/tags/tag_button.asp
10，name,有两个功能，一个是和value一起被发送，一个是标示自身，还有在radio中 用于分组。
11，<embed>的src,可以解释.swf,.jpg，不能解释音频视频文件。
12，<iframe>的seamless属性指定后，框架内的内容没有边框以及滚动条。
13，<img>的usemap属性视为图像指定图像映射，其值指的是<map>的name或id值。
14，<input>中的accept属性，当type="file"时有效，其值为MIME_TYPE，指定后可接受的类型后，点击上传时默认弹出的窗口中只显示可上传的文件，比如设置accept="image/*" 则弹出窗口的文件可选择的全是图片类文件。
15,pattern ,用于指定输入内容的正则表达式.
16,<ol>的start的属性值为数字，比如是为其设置值为10，则排列从10开始，当设置type="A",则是从第十个字母开始排列。
17，<option>中的label属性，Firefox不支持。设置后label的值会覆盖<option></option>中的值。
18，async & defer:
如果 async="async"：脚本相对于页面的其余部分异步地执行（当页面继续进行解析时，脚本将被执行)
如果不使用 async 且 defer="defer"：脚本将在页面完成解析时执行
如果既不使用 async 也不使用 defer：在浏览器继续解析页面之前，立即读取并执行脚本
