本文摘自PHP中文网,作者寻∝梦,侵删。
本篇文章主要的向大家介绍关于HTML5 article标签的用法和使用实例说明,希望大家都能理解,接下来我们来看这篇关于HTML5 article标签的文章了。首先我们先简单的介绍下article:
html5 <article>表示页面中的一块与上下文不相关的独立内容,比如网页中的一篇文章或报纸中的一篇文章。
article不同于其他DIV CSS布局结构,article主要布局文章类内容。
article语法代码:
1 |
|
article是有开始与闭合一对HTML标签元素。
以<article>开始,以</article>结束闭合。
现在说说article标签的使用说明:
article是HTML5新增标签,其语法基本功能和以前DIV、p、span等标签一样,可以直接使用style属性标签内设置CSS,或者使用class或id引入外部CSS样式。
1 |
|
1 |
|
article主要是布局文章、内容方面内容。
再来看看HTML5 article标签的使用实例:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
|
article标签的代码效果截图:
如图是代码的效果图,基本上都能看明白,有什么不明白的可以在下方留言
【小编推荐】
如何给html中的pre标签中的文字换行?html pre标签的使用实例
如何使用HTML span标签的class属性?这里有关于class属性的详解
以上就是html article标签有什么用?html article标签的使用方法介绍的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
html table表格是什么?<table>标签中各种属性的使用方法
html base url是什么?html base详细解析汇总
html img标签的绝对路径怎么写?html img标签绝对路径的使用方法
更多相关阅读请进入《article》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者