一些标签的使用 address article

Address元素(<address>)是用来存放地址信息的，与<article>来提供文章作者的联系信息。注意以下几点：

• 如果行文中出现了一些随意的地址，就不使用<address>元素，选择使用普通的<p>元素就行了。
• <address>元素里应该只存放地址信息，不要放置其它跟地址不相关的信息，比如出版时间，需要放<time>元素里。
• 建议把<address>放到<footer>里。

<address>元素显示样式和 <i>和 <em>等元素的样式相同，但当遇到涉及地址的联系信息时，使用<address>元素更合适，因为它体现了更明确的语义信息
 

<address>
    你可以到<a href="http://know.webhek.com/html5/contact">www.webhek.com</a>这个网站和作者取得联系。<br>
    如果你发现了任何bug，请联系<a href="mailto:webmaster@webhek.com">网站管理员</a>。<br>
    你也可以访问我们的公司，地址是：<br>
    中国<br>
    北京<br>
    朝阳门外大街101号<br>
    WEB骇客<br>
  </address>

 

Article元素(<article>)故名思议，可以表示论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组件，或者其他独立的内容项目。它的主要语义为表示自己是一个独立的内容结构。每一个<article>元素内部结构都应该是相似的，比如都应该包含一个头标题(h1-h6元素)等。

<article>元素用法：

    当<article>元素嵌套使用时，则该元素代表与父元素有关的文章。例如，代表博客评论的<article>元素可嵌套在代表博客文章的<article>元素中。
    <article>元素中文章作者的信息可通过<address>元素表示，但是不适用于嵌套的<article>元素。

    <article>元素中文章的发布日期和时间可通过<time>元素的pubdate属性表示。

 <article class="film_review">
  2   <header>
  3     <h2>侏罗纪公园</h2>
  4   </header>
  5   <section class="main_review">
  6     <p>Dinos were great!</p>
  7   </section>
  8   <section class="user_reviews">
  9     <article class="user_review">
 10       <p>Way too scary for me.</p>
 11       <footer>
 12         <p>
 13           Posted on <time datetime="2015-05-16 19:00">May 16</time> by Lisa.
 14         </p>
 15       </footer>
 16     </article>
 17     <article class="user_review">
 18       <p>I agree, dinos are my favorite.</p>
 19       <footer>
 20         <p>
 21           Posted on <time datetime="2015-05-17 19:00">May 17</time> by Tom.
 22         </p>
 23       </footer>
 24     </article>
 25   </section>
 26   <footer>
 27     <p>
 28       Posted on <time datetime="2015-05-15 19:00">May 15</time> by Staff.
 29     </p>
 30   </footer>
 31 </article>

 

 aside的使用