html5新增加的标签

来源:互联网 发布:杭州美工设计培训班 编辑:程序博客网 时间:2024/06/05 06:09

1.结构标签:(块状元素)

<header>     标记定义一个页面或一个区域的头部

 <nav>           标记定义导航链接

<article>       标记定义一篇文章内容

<section>    标记定义网页中一块区域

<aside>       标记定义页面内容部分的侧边栏

<hgroup>     标记定义文件中一个区块的相关信息

<figure>       标记定义一组媒体内容以及它们的标题   

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

<dialog>       标记定义一个对话框(会话框)类似微信

<footer>        标记定义一个页面或一个区域的底部

2.多媒体交互标签

<video> 标记定义一个视频

<audio> 标记定义音频内容

<source>标记定义媒体资源

<canvas>标记定义画布

<embed>标记定义外部的可交互的内容或插件比如flash

3.Web应用标签

<command> menu标记定义一个命令按钮

目前只有Internet Explorer 支持<command> 标签

<meter>状态标签(实时状态显示:气压、气温)

<meter>标签定义度量衡。仅用于已知最大和最小值的度量

min最小,max最大,low最低,high最高,value当前要度量值,optimum最佳值

<progress>状态标签 (任务过程:安装、加载)

<details>标记定义一个元素的详细内容   

<summary>标签包含 details 元素的标题

<datalist>input标记定义一个下拉列表,配合option  

 4.注释标签

<ruby> 标记定义注释或音标

<rp> 告诉那些不支持 Ruby元素的浏览器如何去显示

<rt> 标记定义对ruby的注释内容文本 

5.其他标签

<bdi>标签允许您设置一段文本,使其脱离其父元素的文本方向设置

<mark>标记定义有标记的文本 (黄色选中状态)

<keygen>标记定义表单里一个生成的键值(加密信息传送)

<output>标记定义一些输出类型,计算表单结果配合oninput事件

<time>标记定义一个日期/时间目前所有主流浏览器都不支持

<track>标签为诸如 video元素之类的媒介规定外部文本轨道目前所有主流浏览器都不支持

0 0
原创粉丝点击