- <section> 标签定义了文档的某个区域。比如章节、头部、底部或者文档的其他区域。
- <section> 标签是 HTML5 中的新标签。
- 注意:section不是通用容器元素。如果仅仅是用于设置样式或脚本处理,应用div元素。一条简单的准则是,只有元素内容会被列在文档大纲中时,才适合用section元素。
- html5:section标签和div标签的区别:
section不是一个专用来做容器的标签,专用的是div。
section里应该有标题(h1~6),但文章中推荐用article来代替。
<section>
<h1>WWF's Panda symbol</h1>
<p>The Panda has become the symbol of WWF. The well-known panda logo of WWF originated from a panda named Chi Chi that was transferred from the Beijing Zoo to the London Zoo in the same year of the establishment of WWF.</p>
</section>
至于为什么要用,是为了语义化,有section、article、dl看这多舒服,人也好理解,计算机也好理解,比满眼的div好多了。
- html5中的section标签与div标签的总结
DIV:这个标签一直是我们见得最多、用得最多的标签。它本身无任何语义,用作布局以及样式化标签。
Section:与div相似,但它有更进一步的语义。section用作一段有专题性的内容,一般在它里面会带有标题。 section典型的应用场景应该是文章的章节、标签对话框中的标签页、或者论文中有编号的部分。
参考文件:1、菜鸟教程 2、关于html5中的section标签与div标签的区别