一、语义化标签
意义增加可读性(程序员拿到代码后了解所写的内容)
1、
<header>定义网页的头部页眉</header>
<nav>定义导航链接部分</ nav>
<section>定义区域</ section>
<article>定义文章</article>
<aside>定义侧边栏</aside>
<footer>定义网页的底部页脚</footer>
2、
datalist:选项列表
![](https://i-blog.csdnimg.cn/blog_migrate/806c9565ae11a741d7fb4343136a09ba.png)
![](https://i-blog.csdnimg.cn/blog_migrate/9140b51d26fc0d9b88fe2e3e99e31424.png)
fieldset:可将表单内的相关元素分组打包,与legend搭配使用
![](https://i-blog.csdnimg.cn/blog_migrate/8e7db3e503e2b071f6981e10ff2dc484.png)
mark:文字提亮
![](https://i-blog.csdnimg.cn/blog_migrate/04695e8ee9c0cdca32f7944757e242ec.png)
![](https://i-blog.csdnimg.cn/blog_migrate/8302b8ebb9cf9c2a42927f6f644eb85a.png)
meter:定义度量衡,仅用于已知最大和最小值的度量。比如︰磁盘使用情况,查询结果的相关性等。不能当做进度条使用。
min:规定范围最小值 max:规定范奥最大值
value:规定度量的当前值,是必须的属性。可以用数值表示。
low:范围界定的最低值 high:范围界定的最大值
注意:IE浏览器不支持meter标签。
![](https://i-blog.csdnimg.cn/blog_migrate/040942c3b48b9d32bed0470d690f78c2.png)
二、表单
新增input type属性:
![](https://i-blog.csdnimg.cn/blog_migrate/1c5bc37016f1115759eb8a462f142d1a.png)
三、新增input属性
常用:
![](https://i-blog.csdnimg.cn/blog_migrate/db0aa86439f584dd9e77027b07da445d.png)
1、placeholder 给用户提示文字
![](https://i-blog.csdnimg.cn/blog_migrate/3cd2f2ecfff1112869a926fc37f7c373.png)
2、checkbox 默认属性等于值可以省略值
![](https://i-blog.csdnimg.cn/blog_migrate/cbabe4a5b55dd1cfee75d2543e072a81.png)
3、multiple 多选文件
![](https://i-blog.csdnimg.cn/blog_migrate/8df0c7244358cfa3278c95f21579e765.png)
4、disabled 禁用
![](https://i-blog.csdnimg.cn/blog_migrate/99be0d41c4e28ec8705ed6669c2b70e0.png)
5、autofocus 自动聚焦
![](https://i-blog.csdnimg.cn/blog_migrate/699116cd086513140a409a5b6e18cc6f.png)
6、required 必填项
![](https://i-blog.csdnimg.cn/blog_migrate/588d651098f111dd3608982abd584280.png)
四、新增多媒体标签
embed:embed可以用来插入各种多媒体,格式可以是Midi、Wav、AlIFF、AU、MP3等,src为音频或视频文件的路径,可以是相对路径或绝对路径。
![](https://i-blog.csdnimg.cn/blog_migrate/083400bb52a81dad3c92d2f9450b3c33.png)
type:要输出的媒体类型(一般不去规定,自动)
audio:
![](https://i-blog.csdnimg.cn/blog_migrate/326a8c29dee23aa1e960c8992d8a0aed.png)
controls---控制面板
video:
![](https://i-blog.csdnimg.cn/blog_migrate/253a01ef6720cb1e4b47154b201c9a80.png)
循环:loop
在html里的自动播放是需要条件的,这个条件由于浏览器决定。
autoplay:自动播放
muted:禁音
五、 新增了canvas 和 svg 绘图
canvas:定义绘图区域
svg:定义矢量图
六、 新增了地理定位
navgiator.geolocation
七、新增了拖拽API
drag 拖动,drop 放下
八、新增了多线程技术
web worker
![](https://i-blog.csdnimg.cn/blog_migrate/521122a607cbf64def1ce3bb10b8da0e.png)
九、新增了即时通讯
web socket
十、新增了 web storage
sessionStorage(会话存储)和locaStorage(永久存储)
参考文章: