备注:比较简单的点没有细写。
1、标记方法
声明变简洁(大小写不敏感)——<!DOCTYPE HTML>
使用工具时,为<!doctype html SYSTEM "about:legacy-compat">
指定字符编码简洁——<meta charset="UTF-8">
2、新增元素
section——内容区块
article——独立内容
aside——与article相关的辅助信息
header——标题
footer——脚注
nav——导航
figure——独立的流内容
figcaption——作为figure的标题
main——表示网页主要内容
video——视频
audio——音频
embed——插入各种多媒体
mark——高亮
progress——表运行中进程
meter——度量衡
time——日期和时间
ruby/rt/rp
wbr——软换行
canvas——画布
command——命令按钮
details——与summary配合使用,点击显示细节信息
datalist——与input配合使用,制作下拉列表
datagrid——以树状列表显示的可选数据列表
keygen——密钥
output——输出
source——为媒介元素定义媒介资源
menu——菜单列表
dialog——对话框
新增的input元素类型
url
number
range——范围
Date Pickers:date( 日月年 )、month(月年)、week(周年)、time(小时和分钟)、datetime(时间、日月年)、datetime-loccal(时间、本地时间日月年)
3、新增属性
autofocus——自动获得焦点
placeholder——提示输入内容
form——声明属于哪个表单
required——提交需检查,要有内容
autocomplete、min、max、multiple(一次可上传多个文件)、pattern、step——为input新增属性
formaction、formenctype、formmethod、formnovalidate(取消检查)、formtarget——为input新增属性
disabled——为fieldset新增
label
SelectionDirection
indeterminate——未明确选定
为image新增height和width
为textarea新增maxlength(文字个数)和wrap(是否添加换行符)
链接属性
media、download、ping——为a/area新增
hreflang、rel——为area新增
sizes——为link新增
target——为base新增
其他属性
start、reversed——为ol新增
charset——为meta新增
type、label——为menu新增
scoped——为style新增
async——script
manifest——为html新增,开发离线web应用时,与API结合,定义一个URL,在这个URL上描述文档的缓存信息
sandbox、seamless、srcdoc——为iframe新增
全局属性
contentEditable——允许用户编辑元素中的内容
designMode——指定整个页面是否可编辑
hidden
spellcheck——拼写和语法检查
tabindex
4、新增事件
window对象/body对象:
beforeprint
afterprint
resize
error
offline
online
pageshow
beforeunload
hashchange
任何元素:
mousewheel
任何容器元素:
scroll
input/textarea元素:
input
form元素:
reset
网友评论