首先我們先簡單的介紹下article：
html5 <article>表示頁面中的一塊與上下文不相關的獨立內容，比如網頁中的一篇文章或報紙中的一篇文章。
article不同於其他DIV CSS布局結構，article主要布局文章類內容。
article文法代碼：
<article>內容</article>
article是有開始與閉合一對HTML標籤元素。
以<article>開始，以</article>結束閉合。
現在說說article標籤的使用說明：
article是HTML5新增標籤，其文法準系統和以前DIV、p、span等標籤一樣，可以直接使用style屬性標籤內設定CSS，或者使用class或id引入外部CSS樣式。
<article class="aaa">內容</article>
<article id="bbb">內容</article>
article主要是布局文章、內容方面內容。
再來看看HTML5 article標籤的使用執行個體：
這裡使用article標籤布局一篇執行個體，通過此樣本掌握瞭解article元素標籤。以下是完整HTML5執行個體代碼：<!DOCTYPE html><html><head><meta charset="utf-8" /><title>article 執行個體 ThinkCSS</title><style>article{ color:#000}article h1{ color:#F00}</style></head><body><article> <h1>文章標題</h1> <p>文章段落一，內容CSS技術上ThinkCSS網 ...</p> <p>文章段落二，內容CSS技術上ThinkCSS網 ...</p> <p>段落三，內容CSS技術上ThinkCSS網 ...</p></article></body></html>
article標籤的代碼效果：
是代碼的，基本上都能看明白，有什麼不明白的可以在下方留言
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
