欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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 中的新属性。

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

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

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

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

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

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

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