HTML5 <dialog>标记用法及代码示例

<dialog>标记用于指定对话框或窗口。此标记用于在网页上创建弹出对话框和模型。此标记是HTML5中的新增标记。

用法:

<dialog open> Contents... </dialog>

属性：该标记接受单个属性open，该属性用于指定对话框元素处于活动状态，并且用户可以与标记元素进行交互。

Example:

<!DOCTYPE html> 
<html> 
    <head> 
        <title>dialog tag</title> 
        <style> 
            dialog { 
                color:green; 
                font-size:30px; 
                font-weight:bold; 
                font-style:italic; 
            } 
            body { 
                text-align:center; 
            } 
        </style> 
    </head> 
    <body> 
        <h1><dialog> tag</h1> 
        <dialog open>Welcome to GeeksforGeeks</dialog> 
    </body> 
</html>

输出：
dialog tag

支持的浏览器：<dialog>标记支持的浏览器如下：

谷歌浏览器37.0
Firefox 59.0
Opera 24.0
Safari 6.0

相关用法

注：本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML5 | <dialog> Tag。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。