VIP付费课程

article、section布局写法实例(2)

HTML5中div、article、section的区别如下:

  • div充当容器的角色,用来设置某一块的总体属性(一个div里面可能包含多个section);
  • section用于强调某一个模块,强调模块本身是作为一个整体的;
  • article用于强调某一段独立的内容,强调内容的独立性。

section 不仅仅是一个普通的容器标签。当一个标签只是为了样式化或者方便脚本使用时,应该使用 div 。一般来说,当元素内容明确地出现在文档大纲中时,section 就是适用的。
article 是一个特殊的 section 标签,它比 section 具有更明确的语义, 它代表一个独立的、完整的相关内容块。一般来说, article 会有标题部分(通常包含在 header 内),有时也会 包含 footer 。
虽然 section 也是带有主题性的一块内容,但是无论从结构上还是内容上来说,article 本身就是独立的、完整的。

发表评论