最近开始接触一些HTML5的知识,想用算是在这里做个记录吧。今天讲解一下article标签。
工具/原料
Dreamweaver Cs5
article标签
1
在HTML5中相对于以往版本的文档书写方面,追加了一些标签。如页眉、页脚、内容区等等的元素结构。其中在主体结构元素中增加了article及section元素。那么他们两个有什么区别呢,什么时候用article,什么是用section?
2
article元素代表了文档、页面或者是应用程序当中的独立完整可以被外部引用的内容,他可以以一篇文章、一篇帖子、一段评论或者是独立的插件形式出现。除了内容主题以外,一个article元素通常会有自己的标题及脚注。
3
我们可以来看下下面这段代码就好理解了,这是基础构架。
4
这个案例中
5
article为可以嵌套的元素,原则上需article内层应与外层的内容相关联,例如一篇文章的正文及对正文的评论就可以同过article进行嵌套。下面我们来看个例子:
6
这个例子中添加了评论的内容,条理很清晰的将文章的标题及内容区分了出来。
7
article还能用来表示一个插件,下面是一个允许全屏的代码,他的作用就是让这个插件看上去像完全内嵌在网页里面一样。
8
以上就是关于article的一些知识点。不懂的可以随时提问。
注意事项
需要源码的关注公众号psjcji
上一篇:怎么样乘坐地铁?全国通用
下一篇:如何刷手机乘地铁