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知识的相关实践！