dialog 是HTML5新增的语义化双标签，用于显示一个交互式的模态对话框。

  绝大多数浏览器都不支持，仅有Chrome等浏览器支持。

属性

open

  用于控制模态框的显隐，即含有open属性就显示，否则隐藏。

<dialog open>
  <p>hello world</p>
</dialog>

  浏览器呈现如下，含有部分默认样式，并且仅水平方向居中。

  显示时样式。

  隐藏时样式。

方法

show()

showModel()

close()