<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body>
<article> <header> <h1>我的个人资料</h1> </header> <p>我叫mudy，是个小学生</p> <section> <h2>评论</h2> <article> <h3>评论人：而额</h3> <p>你说得对</p> </article> <article> <h3>评论人：而2</h3> <p>你说得对a</p> </article>
</section></article>
</body></html>
article与section元素都是html5新增的元素，他们的功能与div类似，都是用来区分不同区域，他们的使用方法也相似，（注意别混用）。 article元素代表文档、页面或者应用程序中独立完整的可以被外部饮用的内容。例如，博客中的一篇文章，论坛中的一个帖子或者一段评论等。因为article元素是一段独立的内容，所以article元素通常包含头部（header元素）和底部元素（footer元素）
section元素用于对网站或者应用程序中页面上的内容进行分块。一个section元素通常由内容以及标题组成。 section元素需要包含一个<hn>标题元素，一般不包含头部（header元素）或者底部元素（footer元素）。通常section为那些有标题的内容进行分段。
section元素的作用是对页面上的内容进行分块处理，如对文章分段等，相邻的section元素的内容应该是相关的，而不是像article那样独立。事实上，article元素可以看成是特殊的section元素。article元素更加强调独立性、完整性，section更强调相关性。
在使用section元素时应该注意以下几个问题：1、不要将section元素当作设置样式的页面容器，对于此类操作应该使用div元素实现。2、如果article元素、aside元素或者nav元素更符合使用条件，不要使用section元素。3、不要为没有标题的内容区块使用section元素。 通常不推荐为那些没有标题的内容使用section元素，可以使用html轮廓工具来检查页面中是否有没标题的section，如果发现某个section的说明中有“untitiled section”的话，说明这个section有可能使用不当，但是nav和aside元素没有标题是合理的。
时间： 2024-11-06 07:44:34