温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

html5中新增13种标签的示例分析

发布时间:2020-12-05 10:29:56 来源:亿速云 阅读:163 作者:小新 栏目:web开发

小编给大家分享一下html5中新增13种标签的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

html5新增标签之HTML <abbr> 标签

<abbr> 标签用来表示一个缩写词或者首字母缩略词,如"WWW"或者"NATO"。

html5新增标签之HTML <base> 标签

<base> 标签为页面上的所有的相对链接规定默认 URL 或默认目标。

html5新增标签之HTML <bdo> 标签

<bdo> 标签用来覆盖默认的文本方向(dir="ltr(左开始)rtl(右开始)")

html5新增标签之HTML <colgroup> 标签和HTML <col> 标签

配合使用可以设置表格的每列公用样式
<table border="1">
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
  </tr>
</table>

html5新增标签之HTML <datalist> 标签

<datalist> 标签规定了 <input> 元素可能的选项列表, 使用<input list="browsers">连接。

html5新增标签之HTML <fieldset> 标签

<fieldset> 标签可以将表单内的相关元素分组,会在相关表单元素周围绘制边框。<legend> 标签为 <fieldset> 元素定义标题

html5新增标签之HTML <footer> 标签

<footer> 标签定义文档或者文档的一部分区域的页脚,在典型情况下,该元素会包含文档创作者的姓名、文档的版权信息、使用条款的链接、联系信息等,在一个文档中,您可以定义多个 <footer> 元素

html5新增标签之HTML <header> 标签

<header> 标签定义文档或者文档的一部分区域的页眉。<header> 元素应该作为介绍内容或者导航链接栏的容器。在一个文档中,您可以定义多个 <header> 元素。<header> 标签不能被放在 <footer>、<address> 或者另一个 <header> 元素内部。

html5新增标签之HTML <hgroup> 标签

<hgroup> 标签被用来对标题元素进行分组。当标题有多个层级(副标题)时,<hgroup> 元素被用来对一系列 <h2> - <h7> 元素进行分组

html5新增标签之HTML <hr> 标签

<hr> 标签定义 HTML 页面中的主题变化(比如话题的转移),并显示为一条水平线。

<hr> 元素被用来分隔 HTML 页面中的内容(或者定义一个变化)。

html5新增标签之HTML <nav> 标签

<nav> 标签定义导航链接的部分

html5新增标签之HTML <optgroup> 标签

<optgroup> 标签经常用于把相关的选项组合在一起。如果你有很多的选项组合, 你可以使用<optgroup> 标签能够很简单的将相关选项组合在一起

html5新增标签之HTML5 <progress> 标签

<progress> 标签定义运行中的任务进度(进程)。

以上是“html5中新增13种标签的示例分析”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI