Xmind鸟瞰图:
文字总结:
1.新增语义化标签:
- header:定义文档的页眉,用来表示页面的头部。
- nav:定义导航链接的部分nav 元素代表页面中的导航,其中的导航元素链接到其他页面或当前页面的其他部分。
- main:主体信息
- aside : 侧边栏
- article:article元素表示文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。它可以是一篇博客或报纸中的文章、一篇论坛帖子、一段用户评论或独立的插件,或其他任何独立的内容。
- section:定义文档中的节(section、区段)
- footer:定义文档或节的页脚
- datalist:标签定义选项列表。请与 input 元素配合使用该元素,其中input的list属性值必须和datalist的id值一致。(修改后要刷新页面)
- figure元素:该元素用于表示一块独立的图片区域,元素内部可以包含一个或多个<img>元素。另外,该元素还可以包含一个<figcaption>元素,用于定义该图盘区域的标题。
- figcaption元素:该元素通常放在<figure>内部,用于定义图片区域的标题。
- fieldset:可将表单内相关元素分组,与legend 配合使用
- meter: 使用 meter 元素来度量给定范围(gauge)内的数据
2.常用属性:
placeholder 占位符提供可描述输入字段预期值的提示信息
autofocus 规定当页面加载时 input 元素应该自动获得焦点
multiple 多文件上传
autocomplete 规定表单是否应该启用自动完成功能,on默认,启用自动完成(name必须,提交按钮必须)
required 必填项
tabindex 指定获取焦点的顺序
data- 自定义标签属性
3.新增的input的type属性值(重点)
email 输入邮箱格式
tel 输入手机号码格式
url 输入url格式
number 输入数字格式
search 搜索框(体现语义化)
range 自由拖动滑块
获取时间,日期,星期:time date month week
4.多媒体标签:
audio:播放音频
video:播放视频