HTML5初级教程article标签

 时间:2024-11-05 13:32:53

最近开始接触一些HTML5的知识,想用算是在这里做个记录吧。今天讲解一下article标签。

工具/原料

DreamweaverCs5

article标签

1、在HTML5中相对于以往版本的文档书写方面,追加了一些标签。如页眉、页脚、内容区等厮舳孺霏等的元素结构。其中在主体结构元素中增加了article及secti泠贾高框on元素。那么他们两个有什么区别呢,什么时候用article,什么是用section?

2、ar隋茚粟胫ticle元素代表了文档、页面或者是应用程序当中的独立完整可以被外部引用的内容,他可以以一篇文章、一篇帖子、一段评论或者是独立的插件形坜燔潮蟾式出现。除了内容主题以外,一个article元素通常会有自己的标题及脚注。

3、我们可以来看下下面这段代码就好理解了,这是基础构架。

HTML5初级教程article标签

4、这个案例中<header></header>标签中嵌入了文章的标题及发布时间,<footer></footer>中嵌入了脚注。相比旧版文档中的书写方式调理较为清晰。

5、article为可以嵌套的元素,原则上需article内层应与外层的内容相关联,例如一篇文章的正文及对正文的评论就可以同过article进行嵌套。下面我们来看个例子:

HTML5初级教程article标签

6、这个例子中添加了评论擢爻充种的内容,条理很清晰的将文章的标题及内容区分了出来。<header>后面为文板丘衡噎章正文的内容。其中section将正文及评论进行了区分,他是一个分块区的元素,下一课会讲解到。article有很完整及独立的将评论的每一条都进行了分割。

7、article还能用来表示一个插件,下面是一个允许全屏的代码,他的作用就是让这个插件看上去像完全内嵌在网页里面一样。

HTML5初级教程article标签

8、以上就是关于article的一些知识点。不懂的可以随时提问。

实现整个html居中最简单方法 html设置网页背景图片 如何在html中添加音频文件 HTML网页怎么设置圆角边框 如何让图片在div中居中显示
热门搜索
免费图片 最性感的美女图片 黄芩图片 不知火舞与三个小男孩漫画 古力娜扎图片