【网站网站建设】
【案例说明】本例为一个典型的博客网站中的侧边栏部分,因此放在<aside>标签中;该便边栏又包含具有导航作用的链接,因此放在<nav>标签中;侧边栏的标题是“评论”,放在<h2)标签中;在标题之后使用了一个无序列表<ul>标签,用来存放具体的导航链接。
7.<hgroup>标签
<hgroup>标签用于对标题及其子标题进行分组,通常会将hl~h6标签分组,例如将一卟内容区块的标题及其子标题分为一组。如果一篇文章只有主标题,那么,在这种情况下不需要使用<hgroup>标签分组。但是,如果文章有主标题,主标题下有子标题,就需要使用<hgroup:标签分组。例如,下面的代码定义了标题的分组:
<article>
<header>
<hgroup>
<hl>文章主标题</hl>
<h2>文章子标题</h2>
</hgroup>
<p>2011年12月30日</p>
</header>
<p>文章正文</p>
</article>
8.<time>标签
<time>标签定义公历的时间(24小时制)或日期,时间和时区偏移是可选的。<time:标签能够以机器可读的方式对日期和时间进行编码,例如,用户代理能够把生日提醒或jj定的事件添加到用户日程表中,搜索引擎也能够生成更智能的搜索结果。<time>标签的属。皑见表5.1。
表5-1 <time>标签的属性
属 -阽 | 描 述 |
datetime | 规定U期/时间,否则由元素的内容给定日期/时间 |
pubdate | 指示<time>标签中的日期/时间是文档(或<article>标签)的发布日期 |
表5-1中,编码时机器读到的部分在datetime属性里,而标签的开始标记与结束标记中间的部分是显示在网页上的。pubdate属性是一个可选的属性,它可以用于<article>标签中的<time>标签,表示<time>标签定义了文章或整个网页的发布日期。例如,下面的代码定义了新闻中的公告时间和新闻本身的发布时间:
<article>
<header>
<hl>关于<time datetime=2011-10-20>10月20日</time>汽车试驾的通知</hl>
<p>此新闻的发布日期:<time datetime=2011-10-10 pubdate>2011年10月10日</time></p>
</header>
<p>大家好:我是德国大众公司中华区的总代表……(关于汽车试驾的通知)</p>
</article>