【译】一些新的东西在HTML5.2中

不到一个月,HTML5.2成为W3C官方推荐标准(REC)。当规范达到REC阶段,这意味着它已经得到W3C成员和主管的正式认可,W3C正式建议由用户代理部署规范,由WEB开发者实现规范。
在REC阶段,任何事物都应该至少有两个独立的实现。作为WEB开发者,现在正是开始实践新特性的好时机。
在HTML5.2中,有许多添加和删除,所有这些都可以在官方的HTML5.2更改页面上看到。在本文中,我将回顾一些我认为对我的开发影响最大的更改。

新特性

 元素

HTML5.2的所有变化中,最让我兴奋的是关于元素弹出框的介绍。弹出框在web中是很常见的,不同的用途有着不同的实现方法。弹出框也很难以一种可访问的方式来实现,导致网上的很多弹出框几乎是不能用的对于不会操作的用户。
新属性< dialog >改变了这种状况,提供一种简单的方式来实现弹出框,而不必担心许多缺陷。我会在另一篇文章中详细的写一下这个元素如何使用,但我这里我先写一些基础的。


  

Dialog Title

Dialog content and other stuff will go here

默认情况下,这个弹框在视觉上市看不到的,除非使用open属性


open属性可以通过调用 show()close() 方法来切换,任何 HTMLDialogElement 都可以使用这些方法。





  

Dialog Title

Dialog content and other stuff will go here

Dialog 元素被 Chrome 浏览器支持,Firefox浏览器也开始标记了。

使用来自 iFrame 的支付请求API

支付请求 API 是一种新的方案对于表单。目的是为使用网页支付的用户提供一种标准的一致的方案,通过将检索支付信息的处理移动到浏览器而代替每个网站上的个人付款表单。
在HTML5.2发布之前,支付需求是不能被嵌入到iFrame里的。这使得第三方嵌入式支付解决方案(如 Stripe丶paystack)基本上不可能利用这个API,因为他们的支付接口通常要在iframe中处理。
HTML5.2中介绍的 allowpaymentrequest属性,应当用到Iframe时,将允许它在用户位于当前web页面时使用支付请求API。