本篇文章主要的向大家介绍关于html5 article标签的用法和使用实例说明，希望大家都能理解，接下来我们来看这篇关于html5 article标签的文章了。
首先我们先简单的介绍下article：
html5
article不同于其他DIV CSS布局结构，article主要布局文章类内容。
article语法代码：
立即学习“前端免费学习笔记（深入）”；
<article>内容</article>
article是有开始与闭合一对HTML标签元素。
以
现在说说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标签的代码效果截图：
如图是代码的效果图，基本上都能看明白，有什么不明白的可以在下方留言
【小编推荐】
如何给html中的pre标签中的文字换行？html pre标签的使用实例
如何使用HTML span标签的class属性？这里有关于class属性的详解
以上就是html article标签有什么用？html article标签的使用方法介绍的详细内容，更多请关注php中文网其它相关文章！
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
613
