1.<header > 元素
表示页面中的一个内容区块或者整个页面的标题
2.<nav > 元素
表示页面中的导航链接部分
使用方法: a. 传统导航条 b. 侧边栏导航 c. 页内导航 d. 翻页操作
3.<article > 元素
表示页面中的一块与上下文不相关的独立内容, 比如一篇文章中的文章
4.<section > 元素
表示页面中的一块内容区块, 比如章节的页眉, 页脚等等. 也可以和 hn(h1,h2...)一起使用标出文档的结构
5.<aside > 元素
表示 article 元素的内容之外的, 和内容相关的辅助信息
6.<footer > 元素
表示页面或者是页面中的一块区域的页脚, 比如存放文件的创建时间, 作者, 联系方式等等.
7.<time > 元素
代表 24 小时中的某个时间或者日期, 表示时间时允许带时差.
可定义格式如下:<time datetime="2019-2-22">2019 年 2 月 22<time>
- <time datetime="2019-2-22">
- 2 月 22
- <time>
- <time datetime="2019-2-22">
- 2019 年 2 月 22
- <time>
- <time datetime="2019-2-22">
- 今天的时间
- < time>
- <time datetime="2019-2-22T12:00">
- 2019 年 2 月 22 中午 12 点
- < time>
- <time datetime="2019-2-22T12:00Z">
- UTC 标准时间 2019 年 2 月 22 中午 12 点
- < time>
- <time datetime="2019-2-22T12:00+8:00">
- 中国时间 2019 年 2 月 22 中午 12 点
- < time>
8.<pubdate > 元素
代表这篇文章发表的时间.
9.<hgroup > 元素
是将标题和子标题进行分组的元素. hgroup 元素一般会把 h1-h6 的元素进行分组, 比如在一个内容区块的标题和他的子标题算一组.
10.<address > 元素
用来在页面中呈现联系信息, 包括文档的作者, 邮箱, 地址, 电话信息等. 还可以用来展示和文章中相关的联系人的所有联系信息.
11.<figure > 元素与 < figcaption > 元素
figure 元素是一种元素的组合, 带有可选标题. 规定独立的流内容(图像, 图表 / 图片 / 代码等).figure 元素用来表示页面上一块独立的内容, 如果将他从网页上删除不给我们的网页造成影响.
figcaption 元素表示 figure 元素的标题, 它属于 figure 元素, figcaption 元素必须书写在 figure 元素内部, 可以写在 figure 元素的其他从属元素前边或后边. 一个 figure 元素内最多只允许放置一个 figcaption 元素.
12.<details > 元素与 < summary > 元素
details 元素是一种用于识别该元素内部的子元素可以被展开, 收缩显示的元素. details 元素具有一个布尔类型的 open 属性, 当该值为 true 时, 该元素内部的子元素应该被展开显示, 当该属性为 false 时其内部的子元素应该被收缩起来不显示. 该属性的默认值为 false, 当页面打开时其内部的子元素应该处于收缩状态.
summary 元素从属于 details 元素, 用鼠标点击 summary 元素中的内容文字时, details 元素中的其他所有从属元素将会展开或者收缩. 如果 details 元素内没有 summary 元素, 浏览器将会为你提供默认的文字以供点击, 例如 "details"
注: 只有谷歌的 Chrome 浏览器支持!
13.<mark > 元素
mark 元素表示页面中需要突出显示或高亮显示的, 对于当前用户具有参考作用的一段文字. 通常在引用原文时使用 mark 元素, 目的是引起读者的主语. mark 元素是对原文内容有补充作用的一个元素, 他应该用在一段原文作者认为不重要的, 但是现在为了与原文作者不相关的其他目的而需要突出显示或者高亮显示的文字上面.
mark 元素主要的目的就是吸引当前用户的注意.
mark 除了高亮显示之外, 还有一个作用就是在引用原文时, 为了某种特殊的目的而把作者没有表示出来的内容重点表示出来.
14.<progress > 元素
progress 元素代表一个任务的完成进度, 这个进度可以是不确定的, 表示进度 z 正在进行, 但不清楚还有多少工作量没有完成, 也可以用 0 到某个最大数字 (比如 0 到 100) 之间的 s 数字来表示准确的进度情况(比如百分比).
该元素具有两个表示当前任务完成情况的属性, value 属性表示已经完成了多少工作量, max 属性表示总共有多少工作量. 工作量的单位是随意的, 不指定的.
在设置属性的时候, value 属性和 max 属性只能指定为有效的浮点数, value 属性必须大于 0, 且小于或者等于 max 的属性, max 的属性必须大于 0.
15.<meter > 元素
meter 元素表示规定范围内的数量值.
meter 元素的 6 个属性:
a.value 属性: 在元素中特地表示出来的实际值. 该属性值默认为 0, 可以为该属性制定一个浮点小数值.
b.min 属性: 制定规定范围时允许使用的最小值, 默认 0, 在设定该属性时所设定的值不能小于 0.
c.max 属性: 制定规定范围时允许使用的最大值, 如果设定该属性值小于 min 的值, 那么把 min 属性的值视为最大值. maven 属性的默认值 1.
d.low 属性: 规定范围的下限值, 必须小于或者等于 high 的值.
e.high 属性: 规定范围的上限值. 如果该属性值小于 low 属性的值, 那么把 low 属性的值视为 high 属性的值, 同样如果该属性的值大于 max 属性的值, 那么把 max 属性的值视为 high 的值.
f.optimum 属性: 最佳值属性值必须在 min 属性值与 max 属性值之间, 可以大于 high 属性值.
来源: http://www.bubuko.com/infodetail-2968603.html