Html5新增的标签有哪些

Html5新增的标签有哪些,第1张

HTML5中新增标签较多,下面说几个常见的

<article>

定义外部的内容,外部内容可以是来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本。亦或是来自其他外部源内容。

<aside>

定义 article 以外的内容。aside 的内容应该与 article 的内容相关。

<audio>

定义声音,比如音乐或其他音频流。

<canvas>

定义图形,比如图表和其他图像。

<command>

定义命令按钮,比如单选按钮、复选框或按钮。

<datalist>

定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。datalist 及其选项不会被想显示出来,它仅仅是合法的输入值列表。请使用 input 元素的 list 属性来绑定 datalist。

<details>

用于描述文档或文档某个部分的细节。与

<summary>标签配合使用可以为 details 定义标题。标题是可见的,用户点击标题时,会显示出 details。定义嵌入的内容,比如插件。

<figure>

定义媒介内容的分组,以及它们的标题。用于对元素进行组合。

<figcaption>

定义 figure 元素的标题。”figcaption” 元素应该被置于 “figure” 元素的第一个或最后一个子元素的位置。

<footer>

定义 section 或 document 的页脚。

<header>

定义文档的页眉(介绍信息)。

<hgroup>

定义有关文档中的 section 的信息。用于对网页或区段(section)的标题进行组合。

<keygen>

定义生成密钥。

<mark>

定义带有记号的文本。请在需要突出显示文本时使用 <m>标签。

<meter>

定义度量衡。仅用于已知最大和最小值的度量。

<nav>

定义导航链接的部分。

<output>

定义不同类型的输出,比如脚本的输出。

<progress>

定义任何类型的任务的进度。可以使用 <progress>标签来显示 JavaScript 中耗费时间的函数的进度。

定义导航链接<nav></nav>

它也是有意义的标签,并不是在某处加上这个标签就有了导航的样式了,这都是有意义的div而已,在头部header中加入菜单标签<nav>,nav标签可以和<ul><li>标签合用

定义文章标签<article></article>

可以使用文章块标签进行写文章,这就使用这个标签进行写文章在section部分,可以和<h1><p>合用

定义媒介内容的分组,以及它们的标题<figure>

A。这个标签可以和它的配套标签联合使用<figcaption>,不过<figcaption></figcaption>中间写标题

B。还可以和<dt><dd>联合使用,其中<dt></dt>是写标题,而<dd>写内容,显示的效果和配套使用的效果也有差异

定义对话框或窗口<dialog>

在这个标签中也是可以使用dd和dt标签,对话框中的标题和内容,对话框有个属性是open,这个标签的兼容性不是很好

定义命令的列表或菜单<menu>

A。这个标签可以和li合用

B。可以给右键单击中添加自己的内容(只有火狐浏览器可以兼容)

联合(定义用户可以从d出菜单调用的命令/菜单项目)<menuitem>标签使用

标题组<hgroup>

里面可以写一些标题的结合<h3>合用

定义小号文本<small>

这个标签和其他的加粗什么的标签其实是差不多的

定义元素的细节<details>

里面的内容可以配合标题和内容标签来使用

定义 ruby 注释<ruby>

碰到不认识的字了可以使用这个进行注释拼音,但是有的兼容性不是很好,到时候可以进行修改

定义预定义范围内的度量<meter>

有几个属性值,min="" max="" value="" low="" high="",其中low和high是范围,当value范围超了话就会显示不同的效果

进度条的标签<progress>最大值就是进度条的长度就行,value值就是显示的进度,用它可以进行动态的进度条

<article> 定义 article。

<aside> 定义页面内容之外的内容。

<audio> 定义声音内容。

<command> 定义命令按钮。

<datalist> 定义下拉列表。

<details> 定义元素的细节。

<embed> 定义外部交互内容或插件。

<figcaption> 定义 figure 元素的标题。

<figure> 定义媒介内容的分组,以及它们的标题。

<footer> 定义 section 或 page 的页脚。

<header> 定义 section 或 page 的页眉。

<hgroup> 定义有关文档中的 section 的信息。

<keygen> 定义生成密钥。

<mark> 定义有记号的文本。

<meter> 定义预定义范围内的度量。

<nav> 定义导航链接。

<output> 定义输出的一些类型。

<progress> 定义任何类型的任务的进度。

<rp> 定义若浏览器不支持 ruby 元素显示的内容。

<rt> 定义 ruby 注释的解释。

<ruby> 定义 ruby 注释。

<section> 定义 section。

<source> 定义媒介源。

<summary> 定义 details 元素的标题。

<time> 定义日期/时间。

<video> 定义视频。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7027186.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-31
下一篇 2023-03-31

发表评论

登录后才能评论

评论列表(0条)

保存