您好,登录后才能下订单哦!
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标签的作用是什么的简略介绍,当然详细使用上面的不同还得要大家自己使用过才领会。如果想了解更多,欢迎关注亿速云行业资讯频道哦!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。