您好,欢迎来到高士教育。
搜索
您的当前位置:首页html<dialog>标签的使用与定义

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

来源:高士教育
 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标签也只能沦为鸡肋的存在。

Copyright © 2019- guanggaoshi.cn 版权所有

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务