前端：HTML5中dialog弹窗标签

HTML5 的 <dialog> 标签用于创建对话框或者提示框，它可以用CSS来定制样式。

基本用法：

<dialog open>
  这是一个打开的对话框。
</dialog>

<dialog> 标签默认是不可见的，需要设置 open 属性来显示它。

你可以通过 JavaScript 来控制 <dialog> 的打开和关闭：

<dialog id="myDialog">
  这是一个通过 JavaScript 控制的对话框。
</dialog>
 
<button onclick="openDialog()">打开对话框</button>
<button onclick="closeDialog()">关闭对话框</button>
 
<script>
  function openDialog() {
    document.getElementById('myDialog').show();
  }
 
  function closeDialog() {
    document.getElementById('myDialog').close();
  }
</script>

<dialog> 元素还支持通过 CSS 进行样式定制，比如隐藏关闭按钮：

dialog::backdrop {
  background: rgba(0, 0, 0, 0.5);
}
 
dialog::close-button {
  display: none;
}

请注意，<dialog> 标签的兼容性在不同的浏览器中可能会有所不同，请在实际应用前检查浏览器的兼容性。