HTML5学习笔记2
1、新增元素：
command元素：表示命令按钮 <command onclick=cut()" label="cut">
details元素：表示用户要求并且可以得到的细节信息，可与summary元素并用
<details>
<summary>HTML 5</summary>
This document teaches you everything you have to learn about HTML 5.
</details>
datalist元素：表示可选数据列表，与input元素合用，可制作带有输入值的下拉表单 <datalist>...</datalist>
datagrid元素：表示可选数据的列表，以树的形式显示 <datagrid>...</datagrid>
keygen元素：表示生成密钥 <keygen>
output元素：表示不同类型的输出 <output>...</output>
source元素：媒介元素，定义媒介资源 <source>
menu元素：表示菜单列表，当希望列出表单控件时使用该标签
<menu>
<li><input type="checkbox"/>Red</li>
<li><input type="checkbox"/>Blue</li>
</menu>
2、新增input元素的类型
email：表示必须输入E-mail地址的文本输入框
url：表示必须输入URL地址的文本输入框
number：表示必须输入数值的文本输入框
range：表示必须输入一定范围内数字值的文本输入框
Date Pickers：拥有多个可选取日期和时间的新型文本输入框
date----日、月、年
month---月、年
week---周、年
time---时间（小时和分钟）
datetime---时间、日、月、年（UTC时间）
datetime-local---时间、日、月、年（本地时间）
3、废除的元素
（1）用css替代的元素
basefont、big、center、font、s、strike（del代替）、tt、u等
（2）不再使用frame框架，只支持iframe框架
frameset、frame、noframes废除
（3）废除只有部分浏览器支持的元素
applet——embed/object
bgsound——audio
marquee——JavaScript代替
（4）其他被废除的元素
rb——ruby
acronym——abbr
dir——ul
isindex——form+input
listing——pre
xmp——code
nextid——GUIDS
plaintext——text/plain
4、新增的属性
（1）表单相关属性：
autofocus属性：以指定的属性方式让元素在画面打开时自动获得焦点 input、select、textarea、button可使用
placeholder属性：对用户输入进行提示 input、textarea可使用
form属性：生命属于哪个表单，放在什么位置 input、output、select、textarea、button、fieldset可使用
required属性：提交表单进行检查，一定要有输入内容 input、textarea可使用
input新属性：autocomplete、min、max、multiple（允许上传文件时一次上传多个文件）、pattern、step
input+button新属性：formaction、formenctype、formmethod、formnovalidate、formtarget 可重载form中的属性
input、button、form新属性：novalidate 取消提交检查，表单可无条件提交。
（2）链接相关属性
media属性：规定目标URL是为什么类型的媒体/设备进行优化的，只在href属性存在时有效 a area可使用
hreflang rel属性：area元素使用，与a link元素保持一致
sizes属性：指定关联图标大小 link元素使用
target属性：base元素使用，与a保持一致
（3）其他属性
reversed属性：列表倒序显示 ol元素使用
charset属性：meta使用 编码格式
type属性：让菜单可以以上下文菜单、工具条与列表菜单三种形式出现 menu元素使用
label属性：定义可见标注 menu使用
scoped属性：规定样式作用范围 style元素使用
async属性：定义脚本是否异步执行 script元素使用
manifest属性：定义URL描述文档缓存信息 与API结合使用 html元素使用
sandbox、seamless、srcdoc属性：提高页面安全性 iframe元素使用
5、废除的属性
6、全局属性
（1）contentEditable属性：允许用户编辑元素中的内容
<h2>可编辑列表</h2>
<ul contenteditable="true">
<li>列表元素1</li>
<li>列表元素2</li>
<li>列表元素3</li>
</ul>
（2）designMode属性：指定整个页面是否可编辑
document。designMode="on"
（3）hidden属性：通知浏览器不渲染该元素，使该元素处于不可见状态
（4）spellcheck属性：拼写和语法检查
<textarea spellcheck="true">
<input type=text srellcheck=false>
若元素的readOnly属性设为true，则不执行拼写检查
（5）tabindex属性：获得焦点
