代码改变世界

《HTML、CSS和JavaScript入门经典》笔记——<article>元素,及与<section>元素区别

2018-03-03 14:47  Jolene_Wu  阅读(283)  评论(0编辑  收藏  举报

<article>元素定义

HTML5建议的规范把它定义为“文档、页面、应用程序或站点中的一个完整或自含式的作品,在理论上讲,它是可独立分发或重用的‘’,比如“论坛上的帖子、杂志或报纸中的文章、博客作品、用户提交的评论、交互式构建或小工具(gadget),或者其他任何独立的内容项目”。

<article>元素与<section>元素区别

一个良好的经验法则是,在尝试搞清楚何时使用<article>以及何时使用<section>时,只需回答下面的问题:这个内容自身有意义吗?如果是,那么无论内容对你来说看起来像什么,首先都要使用<article>元素。如果你发现自己对它进行了拆分,就要在<section>中执行该操作。并且如果你发现自己认为的“文章”事实上是一个更大整体的一部分,可以吧<article>标签改为<section>标签,并且找到文档的开始位置,然后从此处通过在更高级别更合适地放置<article>标签来包围文档。