<!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元素沒有標題是合理的。