html中article標簽的作用是什么？很多人都不太了解，今天小編為了讓大家更加了解article標簽，所以給大家總結了以下內容，一起往下看吧。
首先我們先簡單的介紹下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 h3{ color:#F00}
</style>
</head>
<body>
<article>
<h3>文章標題</h3>
<p>文章段落一，內容CSS技術上ThinkCSS網 ...</p>
<p>文章段落二，內容CSS技術上ThinkCSS網 ...</p>
<p>段落三，內容CSS技術上ThinkCSS網 ...</p>
</article>
</body>
</html>article標簽的代碼效果截圖：
如圖是代碼的效果圖，基本上都能看明白了。
以上就是html中article標簽的作用是什么的簡略介紹，當然詳細使用上面的不同還得要大家自己使用過才領會。如果想了解更多，歡迎關注億速云行業資訊頻道哦！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
