当我们为博客、在线杂志或新闻网站写稿时,我们就是在发布文章。在HTML中,每篇文章都是一个独立的故事,就算没有网页中的上下文,它也应该能被人们理解。这听起来类似于section
,但有很大的差别。article
代表了一个故事,可以独立存在,而section
是页面中完整的一部分,它包含多个相关文章。
检查article
标记是否运用得当的方法是:看其内容本身是否有意义。例如,将之导入iPad的Pocket应用里,看它是否还具备完整的意义。
如果你仍然对section
和article
的区别有所困惑,Doctor Bruce Lawson的文章“HTML5 articles and sections: what’s the difference?”可以供你参考。
如果你有iPad,使用Pocket是阅读文章的好方式。在Pocket里,内容是独立的,并且没有广告和导航等。Mac OSX和iOS中的Safari也提供类似的功能。
让我们给本书归档页的大纲的每个部分各自添加一段文章。
Stories from the UK
[…]
[…]
[…]
Stories from the USA
[…]
[…]
[…]
Stories from around the world
[…]
[…]
[…]
section
可以包含article
,article
也可以包含section
。你想轻轻松松地学习新的HTML元素?不可能吧?
我来帮你梳理一下对article
和section
的困惑,那不是你的问题,在以下例子中,article
元素中分为三个部分,每个都对应一个知名作家。
[…]
[…]
[…]