首先我们先简单的介绍下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 >article id= bbb 内容 /articlearticle主要是布局文章、内容方面内容。
再来看看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 /htmlarticle标签的代码效果截图:
如图是代码的效果图,基本上都能看明白,有什么不明白的可以在下方留言
【小编推荐】
如何给html中的pre标签中的文字换行?html pre标签的使用实例
如何使用HTML span标签的class属性?这里有关于class属性的详解
以上就是html article标签有什么用?html article标签的使用方法介绍的详细内容,html教程
郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。
新闻热点
疑难解答