html5用article标记什么意思,html中article标签的作用是什么?

本文详细介绍了HTML5中的article标签,它用于表示页面中独立的内容,如文章。文章提到了article标签的基本使用、语法以及在实际布局中的应用,并提供了一个使用article标签布局文章的实例,帮助读者更好地理解和掌握这一HTML5新特性。
摘要由CSDN通过智能技术生成

html中article标签的作用是什么?

发布时间:2020-04-15 14:08:45

来源:亿速云

阅读:508

作者:小新

html中article标签的作用是什么?很多人都不太了解,今天小编为了让大家更加了解article标签,所以给大家总结了以下内容,一起往下看吧。

首先我们先简单的介绍下article:

html5 表示页面中的一块与上下文不相关的独立内容,比如网页中的一篇文章或报纸中的一篇文章。

article不同于其他DIV CSS布局结构,article主要布局文章类内容。

article语法代码:内容

article是有开始与闭合一对HTML标签元素。

以开始,以结束闭合。

现在说说article标签的使用说明:

article是HTML5新增标签,其语法基本功能和以前DIV、p、span等标签一样,可以直接使用style属性标签内设置CSS,或者使用class或id引入外部CSS样式。内容内容

article主要是布局文章、内容方面内容。

再来看看HTML5 article标签的使用实例:这里使用article标签布局一篇实例,通过此示例掌握了解article元素标签。以下是完整HTML5实例代码:

article 实例 ThinkCSS

article{ color:#000}

article h3{ color:#F00}

文章标题

文章段落一,内容CSS技术上ThinkCSS网 ...

文章段落二,内容CSS技术上ThinkCSS网 ...

段落三,内容CSS技术上ThinkCSS网 ...

article标签的代码效果截图:

b3108b66eefd605d0c2d71614dce29fa.png

如图是代码的效果图,基本上都能看明白了。

以上就是html中article标签的作用是什么的简略介绍,当然详细使用上面的不同还得要大家自己使用过才领会。如果想了解更多,欢迎关注亿速云行业资讯频道哦!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值