html中的main标签,html中div标签、section标签和acticle标签三者有啥区别,main和div
html中div标签、section标签和acticle标签三者有啥区别什么是html中的div标签、section标签和acticle标签的区别,
线索:
本来我以为这三个标签的作用差不多。后来查了相关资料,才知道其中还有区别。
(学习视频分享:html视频教程
让我们介绍一下他们之间的区别:
1.div元素:
它本身没有语义,用作布局和样式标签,可以在文档中定义分区或节,相当于一个容器。主要用于大框架布局,也就是说网页的骨架主要由div搭建,而网页的血肉由span、p或ul完成。
2.secion元素:
Section元素是html5中新添加的结构元素,有更进一步的语义。表示页面中的内容块,如章节、页眉、页脚或页面的其他部分。可以和h1、h2、h3、h4、h5、h6等元素组合,标记文档结构。
3.文章元素:
文章元素也是html5中新增的结构元素。a是一个特殊的节标签,它比section有更明确的语义。它代表了一个独立完整的相关内容块,代表了页面上一段自上而下无关的独立内容,比如博客中的一篇文章。
注意:文章元素可以嵌套,原则上内层的内容需要和外层的内容关联。比如在一篇博文中,对文章的评论可以使用嵌套的文章元素;用于呈现注释的文章元素包含在代表整个内容的文章元素中。嵌套代码如下:
文章
页眉
h1项目元素的嵌套使用/h1
发布日期:发布时间=’发布日期’ 2019年8月6日/时间/p
/header
此选项卡显示了整篇文章的主要内容,对文章的评论在下面的节元素中/p >
部分
h2注释/h2
文章
页眉
H3由Cherish599/h3出版
P1小时前/p
/header
p这篇文章很好,顶一下!/p
/article
文章
页眉
H3出版商:两个柚子/h3
P2小时前/p
/header
p这篇文章很棒。它非常详细地解释了文章的嵌套/p
/article
/section
/文章摘要:
div,section,article的语义是从零开始逐渐增强的。Div没有语义,仅用作风格化或脚本化的标签。对于一个主题内容,小节是适用的,如果这个内容能够脱离上下文作为一个完整独立的内容,文章是适用的。原则上可以用article的时候也可以用section,但实际上如果用article更合适,就不要用section。
相关推荐:html的教程之上是HTML中的div标签、区段标签和动作标签的区别的详细内容。请多关注其他关于Lei.com PHP知识的相关实践!
还没有评论,来说两句吧...