html5中标签与类的区别,html5中section标签与div标签的区别是什么

html5中section标签与div标签的区别是什么

发布时间：2020-09-10 11:12:21

来源：亿速云

阅读：102

作者：小新

html5中section标签与div标签的区别是什么？这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容，让我们一起来看看吧！

先看看section标签的HTML标准中写的：

每个section对应不同的主题。注意是内容本身的主题，而不是其他人为设定的划分标准。

section的例子包括书的章节回目、多tab对话框的每个tab页、论文以数字编号的小节。网站的主页可能分成介绍、最新内容、联系信息等section。

注意：网页作者应使用article而不是section元素，如果其内容是用于聚合(syndicate)。比如blog首页上的每篇blog。又如论坛帖子的一楼、二楼、三楼……n楼。通常这样的每部分内容形式上是类似的，但是来源是独立的。

注意：section不是通用容器元素。如果仅仅是用于设置样式或脚本处理，应用div元素。一条简单的准则是，只有元素内容会被列在文档大纲中时，才适合用section元素。

接下来说说html5 section标签和div标签的区别：

1.section不是一个专用来做容器的标签，专用的是div

section里应该有标题(h2~6)，但文章中推荐用article来代替

我们可以理解为一个非文章段落，有明确 id 的一个特殊模块容器(不是专用以包住块的容器)。

也就是说，一般情况下作为元素容器，使用div而不是section，那么section就没有用了吗？图样图森破。

这种情况下使用section就比div要好

section，顾名思义就是一个章节，比如：

亿速云

欢迎来到亿速云，这里的网址是www.php.cn

至于为什么要用，是为了语义化，有section、article、dl看这多舒服，人也好理解，计算机也好理解，比满眼的div好多了。

2.人们在标签使用中最常见到的错误之一就是随意将HTML5的等价于

——具体地说，就是直接用作替代品(用于样式)。

并不是样式容器。section元素表示的是内容中用来帮助构建文档概要的语义部分。它应该包含一个头部。如果你想找一个用作页面容器的元素(就像HTML或者XHTML的风格)，那么考虑如Kroc Camen所说，直接把样式写到body元素上吧。如果你仍然需要额外的样式容器，还是继续使用div吧。

div是通用的，所有浏览器都支持，section是H5语义化的标签，和

关于html5中的section标签与div标签的总结：

DIV：这个标签一直是我们见得最多、用得最多的标签。它本身无任何语义，用作布局以及样式化标签。

Section：与div相似，但它有更进一步的语义。section用作一段有专题性的内容，一般在它里面会带有标题。 section典型的应用场景应该是文章的章节、标签对话框中的标签页、或者论文中有编号的部分。

感谢各位的阅读！看完上述内容，你们对html5中section标签与div标签的区别是什么大概了解了吗？希望文章内容对大家有所帮助。如果想了解更多相关文章内容，欢迎关注亿速云行业资讯频道。

html5中标签与类的区别,html5中section标签与div标签的区别是什么相关推荐

python中函数和类的区别_Python中函数和方法的区别
简单总结: 与类和实例无绑定关系的function都属于函数(function): 与类和实例有绑定关系的function都属于方法(method). 首先摒弃错误认知:并不是类中的调用都叫方法函数 ...
java中的stack类和C++中的stack类的区别
文章目录 1 java中的stack类和C++中的stack类的区别 1.1 java中的stack类 1.2 C++中的stack类 1.3 分析不经意间想到了这个问题,存到栈中的是对象的引用,还 ...
python中的字典和类的区别_Python中的字典和字典数据类型
字典 1.字典是Python的内建数据类型,我们知道序列是以连续的整数为索引,而字典用关键字作为索引.特别的,关键字必须是不可变类型,常为字符串或者数值. #如果元组中只包含字符串和数字,它可以作为关 ...
PHP中self和static的区别,php中self与static的区别
原文链接,猛击这里. php中self与static的区别通过一些示例,我们可以很容易看出self和static的区别.假定我们有class Car – 它有两个方法,model和getModel. ...
html中td内容不换行显示,html小技巧之td,div标签里内容不换行
html小技巧之td,div标签里内容不换行在一些页面开发中,除自己操作外,引起换行的情况一般有: Ex一.td标签里内容长度过长引起换行: Ex二.div标签(或其他标记)里内容有文本和图片引起换 ...
JAVA中重写和实现的区别_Java中重载和重写的区别
Java中重载和重写的区别 1.1重载是什么 Overloading 方法重载是让类以统一的方式处理不同类型数据的一种手段,多个同名函数同时存在,具有不同的参数个数/类型 1.2为什么用重载重载 ...
如何将OpenCV中的Mat类绑定为OpenGL中的纹理
https://blog.csdn.net/TTTTzTTTT/article/details/53456324 如果要调用外接的USB摄像头获取图像通常使用OpenCV来调用,如何调用摄像头请参考本 ...
php 中session与cookies的区别,php中session和cookie的区别
php中session和cookie的区别本文较为详细的比较了php中session与cookie区别.分享给大家供大家参考.具体分析如下: 1.存放的位置 cookie保存在客户端,session ...
scala 主构造函数_在Scala中,如何在类的主构造函数中定义局部参数？
在Scala中,如何在不是数据成员的类的主构造函数中定义局部参数,例如,仅用于初始化基类中的数据成员? 例如,在下面的代码中,如何在B类的主构造函数中正确定义参数b,以便它只生成临时本地参数而不是数据 ...
python中int和eval的区别_python中eval与int的区别浅析
python中eval和int的区别是什么?下面给大家介绍一下: 1.eval()函数 eval()能够以Python表达式的方式解析并执行字符串,并将返回结果输出.eval()函数将去掉字符串的两个 ...

html5中标签与类的区别,html5中section标签与div标签的区别是什么

亿速云

html5中标签与类的区别,html5中section标签与div标签的区别是什么相关推荐

最新文章

热门文章