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>