HTML5中的article標簽解釋：

這個標簽在HTML5中，意思應該是取代DIV結構的，它定義了一個大的外部框架，就像你我們經常定義的最外層的那對DIV意思一樣，現在有了這些自己具有層級結構的不同標記了。

所以article的下面應該還包括很多其它標簽。結合后實現分欄之類的設計，CSS也根據這個做了調整以便支持其樣式的顯示，同時JS也需要些變動，JQuery則依然活躍，并沒有因為HTML5重復了其部分功能而被排擠掉

在HTML5中相對于以往版本的文檔書寫方面，追加了一些標簽。如頁眉、頁腳、內容區等等的元素結構。其中在主體結構元素中增加了article及section元素。那么他們兩個有什么區別呢，什么時候用article，什么是用section

想了解HTML5中的sention：HTML5中的section標簽是什么？HTML5中的section標簽怎么居中？

article元素代表了文檔、頁面或者是html' target='_blank'>應用程序當中的獨立完整可以被外部引用的內容，他可以以一篇文章、一篇帖子、一段評論或者是獨立的插件形式出現。除了內容主題以外，一個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標簽的用法

以上就是HTML5中的article標簽是什么？HTML5中的article元素用在什么地方？的詳細內容，其它編程語言

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。