html 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元素标签。

1、完整HTML5实例代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>article 实例 CSS5</title>
<style>
article{ color:#000}
article h1{ color:#F00}
</style>
</head>
<body>
<article>
<h1>文章标题</h1>
<p>文章段落一，形式CSS妙技上CSS5网 ...</p>
<p>文章段落二，形式CSS技艺上CSS5网 ...</p>
<p>段落三，内容CSS手艺上CSS5网 ...</p>
</article>
</body>
</html>

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html/h52476.shtml