微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

HTML5页面属性和元素——页面节点、分组元素和文本层次语义元素

页面节点

1、section元素

用于标记文档中的区段或段落、例如文章的章节、页眉和页脚的设置。一个section元素通常是一个主题内容组,可以嵌套使用。section元素除了全局属性外,还有一个cite属性,该属性用来规定内容来源的URL地址

2、nav元素

页面的导航元素,定义导航链接部分的内容。该元素可以将具有导航性质的元素归纳到一块区域中,使页面更具有交互性。

3、hgroup元素

用于对页面标题进行分组,从而形成一个群组,通常与figcaption结合使用。

4、address元素

用来定义文档作者或者拥有者的相关联系信息,常常位于article元素的外部。address元素通常情况下显示为斜体。

分组元素

1、ul

无序列表。用法与HTML4相同,但是不再支持type和compact属性,同时也不支持li元素的type属性,可以使用css定义列表类型

2、ol

有序列表。变化同ul,另外增加了start属性和reversed属性。start属性可以改变列表编号的起始值;reversed属性表示是否对列表进行反向排序,认值为true

3、dl

专门用来定义术语的列表元素,常结合dt(定义列表中的项目)和dd(描述里表中的项目)一起使用。它允许一个dl中包含多个dt,一个dt后面有多个dd,但是dt和dd都不允许重复。

文本层次语义元素

1、cite元素

创建一个引用标记,用于文档中参考文献的引用说明。可以使用该元素定义作品(如书籍、歌曲、电影、电视节目等)的标题,一旦在文档中使用了该标记,被标记的文档内容将以斜体的样式展示在页面中,以区别于文档中其他字符。

2、mark元素

定义带有记号的文本,其主要功能是在文本中高亮显示一个或几个字符,旨在引起用户的特别注意。也可以用于搜索结果页面中关键字的高亮显示

3、time元素

定义公历时间或日期,时间和时区偏移是可选的。

time元素包括两个属性:datatime和pubdata。datatime属性定义相应的时间或日期;pubdata属性定义是否为该元素发布日期。

<time datatime="2012-10-12" pubdata="true">今天是2012年10月12日</time>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。