html
程序员文章站
2022-04-10 14:19:08
...
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 中的新属性。
哪些浏览器支持<dialog>标签?
目前只有Chrome和Safari6支持<dialog>标签。
HTML5在2013年的时候就有<dialog>标签的标准,然而直到今天仍然只有一半不到的浏览器(chrome,opera)支持。
那么两方面的问题,一是趋势,如果不考虑IE,火狐和safari会不会在一年或两年之内支持这个标签?二是技术侧,感觉使用dialog标签比JS来得更自然和便捷,然而真正使用的时候会否有什么坑?
举个例子,select标签用过没有,就是下拉框,用是很好用,然而有多少地方会真的就用这个原生的下拉框呢(样式和定制需求不大好弄吧),大多数不都是自己用JavaScript来重新写一个。
个人认为dialog这个标签不会被支持,modal窗口需要定制的功能和样式太多,多一个dialog标签也只能沦为鸡肋的存在。
以上就是html <dialog>标签的使用与定义的详细内容,更多请关注其它相关文章!