本篇文章主要的想大家介绍了对于HTML5section标签和div标签的区别，section和div的用途看似附近，实则差的也不是太多，有些地方可以彼此转换都行，但有些地方只能用section或者只能用div，不克不及转换的，好了，接下来就让我们一起看文章吧 本篇文章主要的想大家介绍了对于HTML5 section标签和div标签的区别，section和div的用途看似附近，实则差的也不是太多，有些地方可以彼此转换都行，但有些地方只能用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里应当有标题（h1~6），但文章中举荐用article来取代

我们可以了解为一个非文章段降，有明白 id 的一个特别模块容器（不是专用以包住块的容器）。

也就是说，个别状况下作为元素容器，运用div而不是section，那么section就没实用了吗？图样图森破。

这种状况下运用section就比div要好

section，望文生义就是一个章节，比方：

百分百源码网
欢送来到百分百源码网，这里的网址是www.php1.cn

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

2.人们在标签运用中最常见到的差错之一就是随便将HTML5的

等价于——概括地说，就是直接用作替换品(用于样式)。

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

div是通用的，所有阅读器都支撑，section是H5语义化的标签，

和可以了解成一个意思，只不外前者是H5的写法

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

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

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

【小编举荐】

怎样给html中的pre标签中的文字换行？html pre标签的运用实例

HTML ul标签的什么意思？HTML ul标签的作用详解

以上就是对于html5中的section标签与div标签的区别（内有实例）的细致内容，更多请关注 百分百源码网 其它相干文章！