1、新增元素:
command元素:表示命令按钮 <command οnclick=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属性:获得焦点