03.Web大前端时代之:HTML5+CSS3入门系列~H5功能元素

2.功能元素

1.hgroup

对网页或区段(section)的标题进行组合

03.Web大前端时代之:HTML5+CSS3入门系列~H5功能元素_第1张图片

2.figure

标签规定独立的流内容(图像、图表、照片、代码等等)。

figure 元素的内容应该与主内容相关,但如果被删除,则不应对文档流产生影响。

Figcaption

03.Web大前端时代之:HTML5+CSS3入门系列~H5功能元素_第2张图片

figure的标题

03.Web大前端时代之:HTML5+CSS3入门系列~H5功能元素_第3张图片

一般格式:

标题

内容

3.video

标签定义视频,比如电影片段或其他视频流

03.Web大前端时代之:HTML5+CSS3入门系列~H5功能元素_第4张图片

案例:

4. audio

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

03.Web大前端时代之:HTML5+CSS3入门系列~H5功能元素_第5张图片

案例: http://www.dkill.net/DNT/HTML5/H5Music/play.html

5.embed

标签定义嵌入的内容,比如插件。

插入各种多媒体,格式多样

xhtml里面也是有的,逆天喜欢用他插入视频(比object那种方法简单)

03.Web大前端时代之:HTML5+CSS3入门系列~H5功能元素_第6张图片

6.mark

突出显示部分文本,比如搜索里面的关键词高亮

03.Web大前端时代之:HTML5+CSS3入门系列~H5功能元素_第7张图片

我是毒逆天

03.Web大前端时代之:HTML5+CSS3入门系列~H5功能元素_第8张图片

7.time

定义日期或时间,或者两者

03.Web大前端时代之:HTML5+CSS3入门系列~H5功能元素_第9张图片

8.canvas

表示图片,如图表和其他图像。

标签只是图形容器,仅提供一个画布,您必须使用脚本来绘制图形。

03.Web大前端时代之:HTML5+CSS3入门系列~H5功能元素_第10张图片

浏览器不支持HTML5的canvas

9.output

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

+=

10.source

媒介元素(比如

11.menu

定义菜单列表。当希望列出表单控件时使用该标签。

在 HTML 5 中,重新定义了 menu 元素,且使用用于排列表单控件提示:请使用 CSS 来定义列表的类型。

03.Web大前端时代之:HTML5+CSS3入门系列~H5功能元素_第11张图片

12. ruby

ruby 注释(中文注音或字符)

13.command

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

03.Web大前端时代之:HTML5+CSS3入门系列~H5功能元素_第12张图片

14.details

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

散客主页

详细内容

15.datalist

选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值

datalist 及其选项不会被显示出来,它仅仅是合法的输入值列表

请使用 input 元素的 list 属性来绑定 datalist。

03.Web大前端时代之:HTML5+CSS3入门系列~H5功能元素_第13张图片

16.meter

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

03.Web大前端时代之:HTML5+CSS3入门系列~H5功能元素_第14张图片

17.progress

运行中的进度(进程)

可以使用 标签来显示 JavaScript 中耗费时间的函数的进度。

03.Web大前端时代之:HTML5+CSS3入门系列~H5功能元素_第15张图片

你可能感兴趣的:(前端,html5,css3)