HTML <dialog> 标签 的详细用法

逻辑开拓者说
• 阅读 3456

HTML <dialog> 标签功能

<dialog> 标签定义一个对话框、确认框或窗口。


HTML <dialog> 标签用法

使用 <dialog> 元素:

<table border="1">
  <tr>
    <th>January <dialog open>This is an open dialog window</dialog></th>
    <th>February</th>
    <th>March</th>
  </tr>
  <tr>
    <td>31</td>
    <td>28</td>
    <td>31</td>
  </tr>
</table>

HTML <dialog> 标签演示

January <dialog open>This is an open dialog window</dialog> February March
31 28 31

<br/>
<br/>


浏览器支持

表格中的数字表示支持该元素的第一个浏览器版本号。

元素 Chrome IE FF safari
<dialog> 37.0 不支持 59.0 6.0

HTML4 与 HTML5 之间的差异

<dialog> 标签是 HTML5 中的新标签。


属性

New :HTML5 中的新属性。

属性 描述
openNew open 规定 dialog 元素是有效的,用户可以与它进行交互。

全局属性

<dialog> 标签支持 HTML 全局属性


事件属性

<dialog> 标签支持 HTML 事件属性

本文参考HTML中文帮助文档

点赞
收藏
评论区
推荐文章
Python进阶者 Python进阶者
4年前
手把手教你使用CanvasAPI打造一款拼图游戏
一、canvas简介1.canvas是HTML5提供的一种新标签,双标签;2.HTML5 canvas标签元素用于图形的绘制,通过脚本(通常是JavaScript)来完成;3.canvas标签只是图形容器,必须使用脚本来绘制图形;Canvas是一个矩形区域的画布,可以用JavaScript在上面绘画;二、案例目标我们今天的目标是使用HTML5
Wesley13 Wesley13
4年前
HTML 常用快捷方式
tab补全所有标签元素1.在编辑器中输入元素名称,即可自动补全生成HTML标签,即使不是标准的HTML标签。2.输入:!或者html:5或者html:4s或者html:4t将自动补全html基本结构嵌套操作1.使用“”生成子元素//输入div
Stella981 Stella981
4年前
Day4
1、常见标签含义html定义html文档      body定义文档体bodyhead定义文档头信息head      title定义文档的标题titleahtml链接标签a       imghtml图像标签imgdivhtml层div  
Stella981 Stella981
4年前
HTML mailto 标签用法
如何使用mailto?1)基本用法<ahrefmailto:sample@163.comsendemail</a或者<formaction"mailto:sample@163.com"</formmailto后跟的是收信人。可使用参数列表to收信人suject主题cc抄送bcc暗抄
Stella981 Stella981
4年前
Markdown学习教程(README
标题Headings:\标题1(对应HTML中的标签)\标题2(对应HTML中的标签)......\标题6(对应HTML中的标签)注意:标题与之间要留一个空格段落Paragraph:两段文字之间至少要留有一个空行(oneormoreblanklines)
Stella981 Stella981
4年前
HTML中meta标签的作用与使用
META标签用来描述一个HTML网页文档的属性META标签可分为两大部分:HTTPEQUIV和NAME变量。HTTP实例HTML代码实例中有一项内容是<metahttpequiv"ContentType"content"text/html;charsetgb2312"其作用是指定了当前文档所使用的字符编码为gb2
Wesley13 Wesley13
4年前
HTML图片标签
<body<!使用img标签来向网页中引入外部的图片,img标签也是一个自结束标签属性:src:设置一个外部图片的路径alt:可以用来设置图片不能显示时,就会显示图
Wesley13 Wesley13
4年前
HTML5标签(语义化)
HTML语义化是什么?HTML语义化是指根据内容的结构化,选择合适的标签。举个例子:之前所有的都用div,span等标签实现页面结构,而这些标签都没有实际的意义,而新的HTML5标签<header\<footer<nav<section<article<aside等这些标签的出现与使用,让人一目了然的知道页面结构是
Wesley13 Wesley13
4年前
HTML5之基础、元信息标签
<!DOCTYPE标签       <!DOCTYPE声明位于文档中最前面的位置,处于<html标签之前。<!DOCTYPE声明不是一个HTML标签,它是告知Web浏览器该页面使用了哪种HTML版本(规范),浏览器用此版本(规范)对该文档进行解析,渲染。       
流浪剑客 流浪剑客
2年前
Bartender 5 菜单栏图标管理工具 支持M1
是一款功能强大的条形码打印软件,专为标签打印设计。它可以帮助用户快速创建和打印各种类型的条形码标签,适用于各种行业和场景。Bartender5具有简单易用的界面和多种实用功能,使得用户可以轻松地创建自定义的条形码标签。它支持多种条形码类型,包括Code12