html5新增元素动态图片,html5新增元素全解释

article: 标签定义外部的内容。

外部内容可以是来自一个外部的新闻提供者的一篇新的文章,或者来自 blog

的文本,或者是来自论坛的文本。亦或是来自其他外部源内容。

aside:标签定义 article 以外的内容。aside 的内容应该与 article

的内容相关。可用作article的侧栏。

根据目前的规范,元素有两种使用方法:

被包含在中作为主要内容的附属信息部分,其中的内容可

以是与当前文章有关的引用、词汇列表等。

在之外使用,作为页面或站点全局的附属信息部分;最典型的形式是侧边栏(sidebar),其中的内容可以是友情链接、附属导航或广告单元等。

需要注意的是,元素的呈现方式不仅是字面上相似的sidebar;是符合语义化的内容划分方式,并不涉及该部分内容的显示样式定义。

audio:h5新增音频标签。没有高宽属性。

支持Ogg Vorbis、MP3、Wav格式。

其中,Ogg 文件,适用于Firefox、Opera 以及 Chrome 浏览器。MP3 或 Wav 类型,适用于Safari。IE

9只支持mp3 。ie8-不支持audio标签。

canvas:h5新增画布标签。

元素本身需规定 id、宽度和高度。通过js查找画布id,对相应画布上进行绘制操作。

command: 定义命令按钮(未测试)

datalist:标签定义选项列表。

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

datalist。

details:标签用于描述文档或文档某个部分的细节。

用summary标签可为details定义标题。

embed: 标签定义嵌入的内容,比如swf格式的flash插件。

embed没有闭合标签,所以没办法像video和audio那样,插入如“您的浏览器不支持本标签”的提示。

figure:标签用于对元素进行组合。

例如对文章中某几个内容相关的不等级元素进行组合。

figcaption:定义 figure 元素的标题。

"figcaption" 元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。

footer:定义 section 或 document 的页脚。

值得说明的是,section或article中可以有独立的header、footer。

header:定义 section 或 document 的页眉。

元素通常包含一个标题标签(h1至h6)或是hgroup。另外,也可以包含其他内容,例如数据表格、搜索表单或相关的logo图片;根据最新的W3C

HTML5规范更新,元素标签也可以在 中使用。

hgroup:用于对网页或区段(section)的标题进行组合。

即:标题组。

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

说明:所有主流浏览器都支持 keygen 标签,除了 Internet Explorer 和 Safari。

mark:标签定义带有记号的文本。

使用了该标签的文本,默认背景色显示为yellow。

meter:通过min="0" max="20"的方式定义度量衡。仅用于已知最大和最小值的度量。

可以在元素的文本中,也可以在 min/max 属性中定义。

nav:定义document或section或article的导航。

如果文档中有“前后”按钮,则应该把它放到 元素中。

不是所有导航都必须放到nav中,比如,页脚的友链、版权声明等信息,直接写在footer中即可。

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

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

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

rt:定义 ruby 注释的解释

ruby:定义 ruby 注释

section:标签定义文档中的节、区段。比如章节、页眉、页脚或文档中的其他部分。

要有标题。可以在section中单独写h1,而不用担心body中已经有一个h1了。当一个容器紧紧需要设置样式或行为时,推荐使用div元素而非section。

source:audio和video的属性之一。为audio和video定义媒介源。

summary:为details定义标题。

time:定义日期或时间。可能time的出现是为了使页面更符合语义化。它除了使time元素两边出现空格外,显示上没有太大变化。

video:h5新增视频标签。具有高宽属性。

目前支持Ogg、MPEG 4、WebM格式。

Ogg 文件,适用于Firefox、Opera 以及 Chrome 浏览器。

MPEG 4支持ie9。ie8-不支持video标签。 与

之间可插入不支持 video

元素的浏览器显示的内容。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值