html article标签有什么用？html article标签的运用办法介绍-百分百源码网

html article标签有什么用？html article标签的运用办法介绍

发布时间：09/01 来源：未知浏览：关键词：

本篇文章主要的向大家介绍关于HTML5 article标签的用途和使用实例说明，但愿大家都能懂得，接下来我们来看这篇关于HTML5 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 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标签的代码结果截图：