最近开始接触一些HTML5的知识,想用算是在这里做个记录吧。今天讲解一下article标签。
工具/原料
DreamweaverCs5
article标签
1、在HTML5中相对于以往版本的文档书写方面,追加了一些标签。如页眉、页脚、内容区等厮舳孺霏等的元素结构。其中在主体结构元素中增加了article及secti泠贾高框on元素。那么他们两个有什么区别呢,什么时候用article,什么是用section?
2、ar隋茚粟胫ticle元素代表了文档、页面或者是应用程序当中的独立完整可以被外部引用的内容,他可以以一篇文章、一篇帖子、一段评论或者是独立的插件形坜燔潮蟾式出现。除了内容主题以外,一个article元素通常会有自己的标题及脚注。
3、我们可以来看下下面这段代码就好理解了,这是基础构架。
4、这个案例中<header></header>标签中嵌入了文章的标题及发布时间,<footer></footer>中嵌入了脚注。相比旧版文档中的书写方式调理较为清晰。
5、article为可以嵌套的元素,原则上需article内层应与外层的内容相关联,例如一篇文章的正文及对正文的评论就可以同过article进行嵌套。下面我们来看个例子:
6、这个例子中添加了评论擢爻充种的内容,条理很清晰的将文章的标题及内容区分了出来。<header>后面为文板丘衡噎章正文的内容。其中section将正文及评论进行了区分,他是一个分块区的元素,下一课会讲解到。article有很完整及独立的将评论的每一条都进行了分割。
7、article还能用来表示一个插件,下面是一个允许全屏的代码,他的作用就是让这个插件看上去像完全内嵌在网页里面一样。
8、以上就是关于article的一些知识点。不懂的可以随时提问。