header元素和hgroup元素和footer元素和address元素

来源:互联网 发布:部落城堡升级数据 编辑:程序博客网 时间:2024/06/05 17:21

header元素:

是一种具有引导和导航作用的结构元素,通常用来放置在整个页面或者页面内的一个内容区块的标题,但是也可以包含其他内容,比如数据表格,

搜索表单或者其他的logo图片

hgroup元素:

是将标题及其子标题进行分组的元素,hgroup元素通常会将h1-h6元素进行分组,譬如一个内容区块的标题及其子标题算一组点击打开链接

<!DOCTYPE html><meta charset="utf-8"><article><header><hgroup><h1>文章主标题</h1><h2>文章子标题</h2></hgroup><p><time datetime="2010-03-20">2010年10月29日</time></p></header><p>文章正文</p></article>

footer元素:

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



与header一样,一个页面中也不限制footer元素的个数,同时还可以为article元素或者section元素添加footer元素

<article>

  文章内容

<footer>

 文章的脚注

</footer>

</article>



<section>

分段内容

   <footer>

    分段内容的脚注

</footer>

</section>

address元素:

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

footer time address结合使用的例子

<!DOCTYPE html><meta charset="utf-8"><footer><div><address><a title="文章作者:呼呼" href="http://blog.sina.com.cn/itnewtech">呼呼</a></address>发表于<time datetime="2010-10-04">2010年10月4日</time></div></footer>

点击打开链接



0 0
原创粉丝点击