当前位置:Gxlcms > html代码 > html<dialog>标签的使用与定义

html<dialog>标签的使用与定义

时间:2021-07-01 10:21:17 帮助过:74人阅读

html5中<dialog>标签作用是定义特殊术语或短语,这里详细介绍下<dialog>标签用法、<dialog>标签属性以及<dialog>标签应用实例。

html中<dialog>标签作用:定义特殊术语或短语

<dialog>标签用法:

<dialog> 标签定义对话框或窗口。

<dialog>标签应用实例:

使用 <dialog> 元素:

<table border="1">
<tr>
  <th>一月 <dialog open>这是打开的对话窗口</dialog></th>
  <th>二月</th>
  <th>三月</th>
</tr>
<tr>
  <td>31</td>
  <td>28</td>
  <td>31</td>
</tr>
</table>

<dialog>标签有哪些属性?

H5 : 表示HTML5 中的新属性。

1551.png

哪些浏览器支持<dialog>标签?

目前只有Chrome和Safari6支持<dialog>标签。

HTML5在2013年的时候就有<dialog>标签的标准,然而直到今天仍然只有一半不到的浏览器(chrome,opera)支持。

那么两方面的问题,一是趋势,如果不考虑IE,火狐和safari会不会在一年或两年之内支持这个标签?二是技术侧,感觉使用dialog标签比JS来得更自然和便捷,然而真正使用的时候会否有什么坑?

举个例子,select标签用过没有,就是下拉框,用是很好用,然而有多少地方会真的就用这个原生的下拉框呢(样式和定制需求不大好弄吧),大多数不都是自己用JavaScript来重新写一个。
个人认为dialog这个标签不会被支持,modal窗口需要定制的功能和样式太多,多一个dialog标签也只能沦为鸡肋的存在。

以上就是html <dialog>标签的使用与定义的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行