HTML 文章 article：可獨立存在的內容區塊
只要是獨立且完整的內容，一個頁面可以有一個或多個 <article>。<article> 本身夠獨立於網站的其餘部分進行使用，可放入文章、影像...等主要內容。例如：新聞文章、部落格文章。它也可以巢狀，文章裡的每一則留言就是一個例子。
html
<h1>前端網頁開發三劍客</h1>
<article>
<h2>HTML</h2>
<p>用來描述網頁的內容和語意結構。</p>
</article>
<article>
<h2>CSS</h2>
<p>用來描述網頁的樣式和畫面如何被呈現。</p>
</article>
<article>
<h2>JavaScript</h2>
<p>用來描述網頁的行為，讓網頁可以跟使用者互動。</p>
</article>判斷的標準
問自己一句話：這段內容單獨拿出去放到別的地方，還說得通嗎？
| 內容 | 適合的元素 |
|---|---|
| 一篇部落格文章、一則新聞 | <article> |
| 商品列表中的一張商品卡片 | <article> |
| 一則使用者留言 | <article> |
| 同一篇文章裡的某個小節 | <section> |
| 只為了套版面而包的一層 | <div> |
可以巢狀使用
一篇文章底下的每一則留言，本身也是可以獨立存在的內容：
html
<article>
<h2>Vue 3 computed 計算屬性</h2>
<p>...</p>
<section>
<h3>留言</h3>
<article>
<h4>Away</h4>
<p>寫得很清楚，感謝分享！</p>
</article>
</section>
</article>小提醒
每個 <article> 都建議搭配一個 標題元素，讓它在文件大綱中有自己的名字。
常見問題
article 和 section 怎麼分？
問這段內容單獨拿出去還說不說得通。部落格文章、新聞、商品卡片、一則留言可以，用 <article>；只是同一份內容裡依主題切開的段落，用 <section>。
一頁可以有很多個 article 嗎？
可以。文章列表頁就是典型例子，每一則摘要都是一個 <article>。它也可以巢狀，例如：文章裡的每一則留言又各自是一個 <article>。
article 裡面一定要有標題嗎？
規格沒有強制，但強烈建議。<article> 既然是可獨立存在的內容，就該有一個能說明自己是什麼的 標題，否則它在文件大綱中會變成一段沒有名字的內容。
