HTML5中的article標籤解釋：
這個標籤在HTML5中，意思應該是取代DIV結構的，它定義了一個大的外部架構，就像你我們經常定義的最外層的那對DIV意思一樣，現在有了這些自己具有層級結構的不同標記了。
所以article的下面應該還包括很多其它標籤。結合後實現分欄之類的設計，CSS也根據這個做了調整以便支援其樣式的顯示，同時JS也需要些變動，JQuery則依然活躍，並沒有因為HTML5重複了其部分功能而被排擠掉
在HTML5中相對於以往版本的文檔書寫方面，追加了一些標籤。如頁首、頁尾、內容區等等的元素結構。其中在主體結構元素中增加了article及section元素。那麼他們兩個有什麼區別呢，什麼時候用article，什麼是用section
想瞭解HTML5中的sention：HTML5中的section標籤是什嗎？HTML5中的section標籤怎麼置中？
article元素代表了文檔、頁面或者是應用程式當中的獨立完整可以被外部參考的內容，他可以以一篇文章、一篇文章、一段評論或者是獨立的外掛程式形式出現。除了內容主題以外，一個article元素通常會有自己的標題及腳註。
HTML5中article標籤的定義和用法：
<article> 標籤定義外部的內容。
外部內容可以是來自一個外部的新聞提供者的一篇新的文章，或者來自 blog 的文本，或者是來自論壇的文本。亦或是來自其他外部源內容。
有執行個體：
<article><a href="http://www.apple.com">Safari 5 released</a><br />7 Jun 2010. Just after the announcement of the new iPhone 4 at WWDC, Apple announced the release of Safari 5 for Windows and Mac......</article>
article為可以嵌套的元素，原則上需article內層應與外層的內容相關聯，例如一篇文章的本文及對本文的評論就可以同過article進行嵌套。
其中section將本文及評論進行了區分，他是一個分塊區的元素，下一課會講解到。article有很完整及獨立的將評論的每一條都進行了分割。
article還能用來表示一個外掛程式，下面是一個允許全屏的代碼，他的作用就是讓這個外掛程式看上去像完全內嵌在網頁裡面一樣。
HTML5中article標籤的標準屬性：
class, contenteditable, contextmenu, dir, draggable, id, irrelevant,
lang, ref, registrationmark, tabindex, template, title
這裡使用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> 標籤的內容獨立於文檔的其餘部分。
【元素有話說】
article：
同志們好，我是article，是特殊的section，我比section具有更明確的語義，是一個獨立的、完整的相關內容塊的代表。一般來說， 我會有標題部分(通常包含在 header 內)，有時也會 包含 footer 。雖然 section 也是帶有主題性的一塊內容，但是無論從結構上還是內容上來說，我本身就是獨立的、完整的，代表文檔、頁面或者應用程式中獨立完整的可以被外部參考的內容。例如：部落格中的一篇文章，論壇中的一個文章或者一段瀏覽者的評論等。因為article元素是一段獨立的內容，所以article元素中，通常包含頭部（header元素）、底部（footer元素）。
【相關推薦】
HTML5中web是什嗎？web儲存中的元素有哪些？
HTML IMG標籤的屬性是有哪些？瞭解IMG標籤的用法
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
