html5的section和div用法有啥区别？

Posted 2023-03-24

如题！

html5的section和div用法区别为：对应内容不同、用途不同、来源不同。

一、对应内容不同

1、section：每个section必须对应内容本身不同的主题。

2、div：div可以对应内容本身相同的主题。

二、用途不同

1、section：section用于元素内容被列在文档大纲中。

2、div：div用于设置样式或脚本处理。

三、来源不同

1、section：section每部分内容形式上是类似的，但是来源是独立的。

2、div：div每部分内容形式上是类似的，来源也是相同的。

参考技术A 我看到很多人为了新的section就把div改成section，其实是错误的，section的真正应用只是很少，主要是article里面的标签，例如<h1><p></p></h1> => <section><h1><p></p></h1></section> 这样语义化才有效，如果无缘无故把div改为section，反而是误导了搜索引擎。当然，这要看情况而定，但<section>到底还是代表章节，至于什么才属于‘章节’就有自己去判断了。 参考技术B 我觉得可以把它们的用法看成是一样的，最主要的就是用DIV的话，浏览器都认得到，如果用section的话，很多浏览器认不到他。IE9也不能正常显示，只有其它如， OPERA，safari，firfox可以正常显示。