HTML5新增的标签及其功能说明

<section>:表示页面中的一个内容区块,如章节、页眉、页脚、或者页面的其他部分。可以和<h1>、<h2>等元素结合起来使用,表示文档结构

<acticle>:表示页面中一块与上下文不相关的独立内容,如一篇文章

<aside>:表示<acticle>元素内容之外的并与<acticle>元素内容相关的辅助信息

<header>:表示页面中的一个内容区块或整个页面的标题

<hgroup>:表示对整个页面或者页面中的一个内容区块的标题进行组合

<footer>:表示页面或页面中一个内容区块的页脚

<nav>:表示页面中导航链接的部分

<figure>:表示一段独立的流内容,一般表示主体文档内容中的一个独立单元,使用<figcaption>元素为<figure>元素组添加标题

<vodeo>:定义视频,如电影片段或其他视频流等

<audio>:定义音频,如音乐或者其他音频流

<embed>:用来嵌入(包括各种媒体),格式可以是midi,wav;MP3,flash等

<mark>:主要用来在视觉上向用户呈现那些需要突出显示或者高亮显示的文字,典型应用搜索结果中高亮显示搜索关键字

<progress>:表示运行中的进程,如等待中、请稍后等、可以使用<progress>元素显示JavaScript中耗时的函数进程

<time> 表示日期和时间,也可以两者结合使用

<ruby>由一个或者多个字符(需要一个解释/发音)和一个提供信息的<rt>元素组成,还包括可选的<rp>元素

<rt>定义字符(中文注音或字符)的解释或发音

<rp>在<ruby>注释中使用,以定义不支持<ruby》元素的浏览器所显示的内容

<wbr>表示软换行。与<br>元素的区别:br元素表示此处必须换行;<wbr>表示浏览器窗口或者父级元素足够宽时(没必要换行)不换行,而宽度不够时主动在此处换行

<canvas>定义图形,如图表和其他图像。<canvas>元素只是图形容器(画布),必须使用脚本来绘制图形

<command>表示用户能够调用的命令,该标签可以定义命令按钮,如单选按钮、复选框或按钮。只有当<command>元素位于<menu>元素内时,该元素才是可见的。否则不会显示这个元素,但是可以用它规定键盘快捷键

<menu>用于定义命令的列表或者菜单列表,该标签用于上下文菜单、工具栏以及用于列出表单控件和命令

<details>用于描叙文档或文档某个部分的细节,可以与<summary>标签配合使用,<summary>可以为<details>定义标题。标题是可见的,用户单击标题时,会显示出<details>标签定义的内容。<summary>应该是<details>的第一个子元素。目前只有chrome浏览器支持<details>

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

<datagrid>定义数据列表。<datagrid>作为树列表来显示。如果把该元素的multiple属性设置为true,则可以在列表中选取一个以上的项目

<keygen>规定于表单的密钥对生成器字段,当提交表单时,私钥存储在本地,公钥发送到服务器

<output>定义不同类型的输出,如脚本的输出

<source>该标签为媒介元素(如<video>和<audio>)定义媒介资源

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值