text.html

 
<p class="zw">Mickey Spillane是一名多产的小说家，如果我们要写一篇关于他工作生活的传记，我们应该在传记里包含相关的信息，比如他的小说《My Gun Is Quick》。反之，如果我们要写这本书的书评，那我们应该捎带上作者简介。HTML5使用 <code>aside</code> 来定义这种类似的关系。</p> 
<p class="zw">我们可以用<code>aside</code>来描述和文章相关，但对于理解文章又不是非常重要的内容。下面让我们写一段Mickey Spillane的简介，其中<code>header</code>包含了标题，<code>footer</code>包含作者名字，以及<code>article</code>的发布日期。</p> 
<pre class="代码无行号"><code><article> 
   <header> 
      <h1>Mickey Spillane</h1> 
   </header> 

   <footer> 
      <small>Published by Andy Clarke on 20th Nov. 2015</small> 
   </footer> 

   <p>Frank Morrison Spillane, better known as Mickey Spillane,
was an author of crime novels…</p> 
</article></code></pre> 
<p class="zw">像我喝的咖啡一样顺滑流畅，现在我们来添加一些<code>aside</code>，来包含《My Gun Is Quick》的信息。</p> 
<pre class="代码无行号"><code><article> 
   <header> 
      <h1>Mickey Spillane</h1> 
    </header> 

   <footer> 
      <small>Published by Andy Clarke on 20th Nov. 2015</small> 
   </footer> 

    <p>Frank Morrison Spillane, better known as Mickey Spillane,
was an author of crime novels…</p> 
    <aside>