HTML5新增元素
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属性值。