首先我們先簡單的介紹下article：

html5 article 表示頁面中的一塊與上下文不相關(guān)的獨立內(nèi)容，比如網(wǎng)頁中的一篇文章或報紙中的一篇文章。

article不同于其他DIV CSS布局結(jié)構(gòu)，article主要布局文章類內(nèi)容。

article語法代碼：

 article 內(nèi)容 /article 

article是有開始與閉合一對HTML標(biāo)簽元素。

以 article 開始，以 /article 結(jié)束閉合。

現(xiàn)在說說article標(biāo)簽的使用說明：

article是HTML5新增標(biāo)簽，其語法基本功能和以前DIV、p、span等標(biāo)簽一樣，可以直接使用style屬性標(biāo)簽內(nèi)設(shè)置CSS，或者使用class或id引入外部CSS樣式。

 article >
 article id= bbb 內(nèi)容 /article 
article主要是布局文章、內(nèi)容方面內(nèi)容。
再來看看HTML5 article標(biāo)簽的使用實例：
這里使用article標(biāo)簽布局一篇實例，通過此示例掌握了解article元素標(biāo)簽。以下是完整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 文章標(biāo)題 /h1  p 文章段落一，內(nèi)容CSS技術(shù)上ThinkCSS網(wǎng) ... /p  p 文章段落二，內(nèi)容CSS技術(shù)上ThinkCSS網(wǎng) ... /p  p 段落三，內(nèi)容CSS技術(shù)上ThinkCSS網(wǎng) ... /p  /article  /body  /html 
article標(biāo)簽的代碼效果截圖：
如圖是代碼的效果圖，基本上都能看明白，有什么不明白的可以在下方留言
【小編推薦】
如何給html中的pre標(biāo)簽中的文字換行？html pre標(biāo)簽的使用實例
如何使用HTML span標(biāo)簽的class屬性？這里有關(guān)于class屬性的詳解
以上就是html article標(biāo)簽有什么用？html article標(biāo)簽的使用方法介紹的詳細(xì)內(nèi)容，html教程        
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。