HTML5的功能元素

网友投稿 644 2022-05-30

1、hgroup元素

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

Hello world

标题1

标题2

这是内容...

1

2

3

4

5

6

7

8

相当于

2、figure元素

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

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

figcaption元素为figure元素组添加标题。

Hello world

标题1

这是内容1......

标题2

这是内容2......

1

2

3

4

5

6

7

8

9

10

11

3、video元素

定义视频。

Hello world

1

2

3

4

5

6

4、audio元素

定义音频。

Hello world

1

2

3

4

5

5、source元素

source为video、audio元素定义媒介资源。

Hello world

1

2

3

4

5

6

7

8

9

10

11

12

6、embed元素

用来插入各种多媒体,格式可以是wav、mp3等、

Hello world

1

2

3

4

7、canvas元素

表示图形,如图表和其他图像。这个元素本身没有行为,仅提供一块画布,但它把一个绘图API展现给客户端JavaScript,以使脚本能够把想绘制的东西绘制到这块画布上。

Hello world

1

2

3

4

5

6

7

8

9

10

8、output元素

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

Hello world

0 100 + =

1

2

3

4

5

6

7

8

9

9、progress元素

progress 标签定义运行中的进度(进程)。

HTML5的功能元素

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

Hello world

1

2

3

4

5

6

10、mark元素

高亮显示文本。

Hello world

这是一个美好时代!

1

2

3

4

11、ruby、rt、rp元素

ruby 标签定义 ruby 注释(中文注音或字符)。 ruby标签与rt标签一同使用。

ruby 元素由一个或多个字符(需要一个解释/发音)和一个提供该信息的 rt 元素组成,还包括可选的 rp 元素,定义当浏览器不支持 “ruby” 元素时显示的内容。

Hello world zhong

1

2

3

14、Html5内容自适应

在网页代码的头部,加入一行viewport元标签

1

Hello world

这是一个软换行这是一个软换行这是一个软换行这是一个软换行这是一个软换行这是>一个软换行这是一个软换行这是一个软换行这是一个软换行这是一个软换行这是一个软换行 这是一个软换行这是一个软换行这是一个软换行这是一个软换行这是一个软换行这是一个软 换行

这是一个硬换行

1

2

3

4

5

6

7

8

15、details、summary元素

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

summary可以为 details 定义标题。标题是可见的,用户点击标题时,会显示出 details。

Copyright 2011.

All pages and graphics on this web site are the property of W3School.

1

2

3

4

5

6

16、datalist元素

datalist标签定义选项列表。常与 input 元素配合使用,来定义 input 可能的值。

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

Hello World

1

2

3

4

5

6

7

8

9

谢谢阅读。

HTML HTML5 网络

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:React 之可伸缩列的表格
下一篇:Python 前端开发之Javascript 面向对象
相关文章