HTML5增强的页面元素-CSDN博客

1.写在前面

　　HTML5中新增了许多的标签元素，但是很多标签给人的直观感受就是，并没有什么卵用，包括我之前的博客介绍的HTML新增的一些标签，都可以用div表现出来啊。其实HTML5最大的特点之一就是语义化。以前很多时候看代码不知道这个div包括的内容是干什么的，但是现在比如form，你知道提交表单等，语义化是HTML5的特点。

PS：HTML5里的一些标签并没有全部被所有浏览器使用。

2.figure

figure是用来描述图片，图表一类的（从英文翻译就知道了），它里面的figurecaption是对figure的说明（caption就是说明文字的意思），一个figure元素里面只能有一个figurecaption。

3.details

details是用来表示隐藏内容的，类似于js里面设置的hide，show（）方法。

summary是details里面可以显示的内容。

1 <details>
2 <summary>这个地方一直显示</summary>
3 <p>这个地方在点击相关按钮之后显示</p>
4 </details>

目前谷歌和safri支持。

4.mark

mark标记，显示的效果就是高亮。目前主流浏览器都支持。

1 <p>这两个字<mark>高亮</mark></p>

5.progress

progress顾名思义，表示项目状态。比如你安装软件的进度表。progress通常和js一起使用。

1 <progress value="1" max="100">

value：表示当前值。max：表示最大值。

转载于:https://www.cnblogs.com/comefuture/p/6842542.html