html5中新增的非主体结构的元素

html5中出了新增了article、section、nav、aside、time主要结构元素外,还增加了一些表示逻辑结构或附加信息的非主体结构元素。

一、header元素

header元素是一种具有引导和导航作用的结构元素,通常用来放置整个页面或页面内的内容区块的标题,但也可以包含其他内容,例如数据表格、搜索表单或相关的LOGO图片。

二、footer元素

footer元素可以作为其上层父级内容区块或一个根区块的脚注。footer通常包括其相关区块的脚注信息,如作者、相关阅读链接以及版权信息等。

html5之前的代码示例:

<div class="footer">
     <ul>
          <li>版权信息</li>
          <li>站点地图</li>
          <li>联系方式</li>
     </ul>
</div>

html5出现后,这种方式不再使用,而是使用更加语义化的footer元素来代替。与header元素一样,一个页面可以使用多个footer元素。

三、address元素(块级元素,默认斜体italic)

address元素用来在文档中呈现联系信息,包括文档作者或文档维护者的名字、网站链接、电子邮箱、真实地址、电话号码等。

四、main元素

main元素表示页面的主要内容,主内容区域指与网页标题或应用程序中本也页面主要功能直接相关或进行扩展的内容。该区域应该为每一个网页中所特有的内容,不能包含整个网站的导航条、版权信息、网站LOGO、公共搜索表单等整个网站内部的共同内容。每个网页内部只能放一个main元素。不能讲main元素放在任何article、aside、footer、header和nav元素中。

猜你喜欢

转载自www.cnblogs.com/LLMjiayou7/p/8984513.html
今日推荐