文章元素
<article> 元素包含**自包含的內容，**如文章，部落格文章，使用者評論或可以在頁面上下文之外分發的互動式小部件，例如通過 RSS。
- 當巢狀 article 元素時，內部文章節點的內容應該與外部 article 元素相關。
有多個帖子（article）和評論（article）的部落格（section）可能看起來像這樣。
<section>
<!-- Each individual blog post is an <article> -->
<article>
<header>
<h1>Blog Post</h1>
<time datetime="2016-03-13">13th March 2016</time>
</header>
<p>The article element represents a self contained article or document.</p>
<p>The section element represents a grouping of content.</p>
<section>
<h2>Comments <small>relating to "Blog Post"</small></h2>
<!-- Related comment is also a self-contained article -->
<article id="user-comment-1">
<p>Excellent!</p>
<footer><p>...</p><time>...</time></footer>
</article>
</section>
</article>
<!-- ./repeat: <article> -->
</section>
<!-- Content unrelated to the blog or posts should be outside the section. -->
<footer>
<p>This content should be unrelated to the blog.</p>
</footer>
避免不必要的使用
當頁面的主要內容（不包括頁首，頁尾，導航欄等）只是一組元素。你可以省略 <article> 而選擇 <main> 元素。
<article>
<p>This doesn't make sense, this article has no real `context`.</p>
</article>
相反，用 <main> 元素替換文章，以表明這是此頁面的 main 內容。
<main>
<p>I'm the main content, I don't need to belong to an article.</p>
</main>
如果你使用其他元素，請確保指定 <main> ARIA 角色， 以便在多個裝置和非 HTML5 瀏覽器之間進行正確的解釋和呈現。
<section role="main">
<p>This section is the main content of this page.</p>
</section>
筆記：