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标签的作用是什么的简略介绍，当然详细使用上面的不同还得要大家自己使用过才领会。如果想了解更多，欢迎关注亿速云行业资讯频道哦！