Html5.2 特性介绍

2017年12月W3C 发布了html规范5.2更新版本。Html5.2相对于5.1来说，新增了一些特性同时对于不常用的5.1特性进行删除调整。本次主要着重介绍一下5.2中的新增特性。

新增dialog元素

在html5.2中添加了dialog标签。来帮助我们快速实现一个对话框。在html5.2之前，如果要实现一个对话框功能只能利用div同时配合display属性。在html5.2之后只需要dialog就可以实现对话框功能。

<h2>我是对话框标题</h2>

<p>我是对话框内容</p>

</dialog>

默认情况下 dialog时隐藏状态，可以给他添加open属性让他显示出来。

<p>我是对话框内容</p>

</dialog>

注：可以获取dialog元素通过show()或者close()来控制对话框的显示与隐藏

浏览器兼容性：

由于移动支付的普及。在html5.2中新增了支付请求api。在5.2之前支付请求api时不能在iframe中完成，每次移动支付都需要跳转到另外一个支付页面完成支付。现在可以使用allowpaymentrequest属性在iframe中完成支付

浏览器兼容性：

,随着单页面应用(SPA)的越来越流行.使得这一特性的已经不符合当下的实景,所以在HTML5.2中.在页面中同时出现多个<main>标签是被允许的.只要在同一时间内,只有一个<main>标签是对外显示的,其他所有都是被hidden属性隐藏的即可

此外要注意,隐藏<main>标签的方法必须是使用hidden属性才行.其它的如:display: none、透明的为0等方法不行.这会让<main>标签失去自己的语义和作用.

5.1中关联浏览器上下文菜单功能基本被启用。目前只有firefox浏览器可以使用该特性。谷歌 ie等均已不在支持该特性

废弃的HTML头部声明