当我们为博客、在线杂志或新闻网站写稿时,我们就是在发布文章。在HTML中,每篇文章都是一个独立的故事,就算没有网页中的上下文,它也应该能被人们理解。这听起来类似于section,但有很大的差别。article代表了一个故事,可以独立存在,而section是页面中完整的一部分,它包含多个相关文章。

检查article标记是否运用得当的方法是:看其内容本身是否有意义。例如,将之导入iPad的Pocket应用里,看它是否还具备完整的意义。

如果你仍然对sectionarticle的区别有所困惑,Doctor Bruce Lawson的文章“HTML5 articles and sections: what’s the difference?”可以供你参考。

0701.tif

如果你有iPad,使用Pocket是阅读文章的好方式。在Pocket里,内容是独立的,并且没有广告和导航等。Mac OSX和iOS中的Safari也提供类似的功能。

让我们给本书归档页的大纲的每个部分各自添加一段文章。

Stories from the UK

[…]
[…]
[…]

Stories from the USA

[…]
[…]
[…]

Stories from around the world

[…]
[…]
[…]

section可以包含articlearticle也可以包含section。你想轻轻松松地学习新的HTML元素?不可能吧?

我来帮你梳理一下对articlesection的困惑,那不是你的问题,在以下例子中,article元素中分为三个部分,每个都对应一个知名作家。

[…]
[…]
[…]