在網頁開發中，經常會需要使用彈出對話框來進行界面交互。HTML提供了一種用于創建對話框的標簽——<dialog>。

<dialog id="dialogBox">
<p>這是一個對話框</p>
<button id="closeDialog">關閉</button>
</dialog>

上面的代碼中，<dialog>標簽用于創建一個對話框。對話框的內容可以放在標簽中。在這個對話框中，我們用了一個

標簽來顯示文本內容“這是一個對話框”，還加入了一個標簽來實現歷史兼容性。

注意，這個

標簽默認是不可見的。在需要彈出對話框時，我們可以使用JavaScript來控制其顯示，如下：

var dialogBox = document.getElementById("dialogBox");
var closeDialog = document.getElementById("closeDialog");
function showDialog() {
dialogBox.showModal();
}
function hideDialog() {
dialogBox.close();
}
closeDialog.addEventListener("click", hideDialog);
showDialog(); // 彈出對話框

以上代碼演示了如何使用JavaScript控制對話框的顯示和隱藏。首先通過document.getElementById()方法獲取對話框和關閉按鈕的引用，然后定義了兩個函數showDialog()和hideDialog()分別用于顯示和隱藏對話框。其中dialogBox.showModal()用于在頁面正中間彈出對話框，而dialogBox.close()用于關閉對話框。最后通過addEventListener()方法為關閉按鈕添加點擊事件，并在頁面加載后自動彈出對話框。

這就是HTML對話框的基本用法。更多細節變化，可以查閱相關文檔。