text.html

 
<p class="zw">当我们为博客、在线杂志或新闻网站写稿时，我们就是在发布文章。在HTML中，每篇文章都是一个独立的故事，就算没有网页中的上下文，它也应该能被人们理解。这听起来类似于<code>section</code>，但有很大的差别。<code>article</code>代表了一个故事，可以独立存在，而<code>section</code>是页面中完整的一部分，它包含多个相关文章。</p> 
<p class="zw">检查<code>article</code>标记是否运用得当的方法是：看其内容本身是否有意义。例如，将之导入iPad的Pocket应用里，看它是否还具备完整的意义。</p> 
<p class="zw">如果你仍然对<code>section</code>和<code>article</code>的区别有所困惑，Doctor Bruce Lawson的文章“HTML5 articles and sections: what’s the difference?”可以供你参考。</p> 
<p class="图"><img alt="0701.tif" src="http://csdn-ebook-resources.oss-cn-beijing.aliyuncs.com/images/c4eeb42b07f54b42a9fd1568b8ec4b98/51.jpg"></p> 
<p class="图题">如果你有iPad，使用Pocket是阅读文章的好方式。在Pocket里，内容是独立的，并且没有广告和导航等。Mac OSX和iOS中的Safari也提供类似的功能。</p> 
<p class="zw">让我们给本书归档页的大纲的每个部分各自添加一段文章。</p> 
<pre class="代码无行号"><code><section id="content__uk"> 
   <h1>Stories from the UK</h1> 
   <article> […] </article> 
   <article> […] </article> 
   <article> […] </article> 
</section> 

<section id="content__usa"> 
   <h1>Stories from the USA</h1> 
   <article> […] </article> 
   <article> […] </article> 
   <article> […] </article> 
</section> 

<section id="content__world"> 
   <h1>Stories from around the world</h1> 
   <article> […] </article> 
   <article> […] </article> 
   <article> […] </article> 
</section></code></pre> 
<p class="zw"><code>section</code>可以包含<code>article</code>，<code>article</code>也可以包含<code>section</code>。你想轻轻松松地学习新的HTML元素？不可能吧？</p> 
<p class="zw">我来帮你梳理一下对<code>article</code>和<code>section</code>的困惑，那不是你的问题，在以下例子中，<code>article</code>元素中分为三个部分，每个都对应一个知名作家。</p> 
<pre class="代码无行号"><code><article> 
   <section id="chandler">[…]</section> 
   <section id="hammett">[…]</section> 
   <section id="spillane">[…]</section> 
</article></code></pre>