div,section,article,aside 区分

admin管理员组

文章数量:1794759

div,section,article,aside 区分

section：含义是区，块。里面必须包含一个标题，如果一个网页分区比较明确可以使用section。举例：报纸

section不能代替div。在没有明确的区块划分（没有标题）的情况下最好用div，如果用了section的话需要设置样式，最好在section中设置一个div，然后给这个div设置样式以及脚本。最好不要直接在section上设置样式和脚本

section和article可以互相嵌套。article的含义是一篇完整的文章。一篇完整的文章就需要有标题有内容，有结尾，所以当你写的页面包含这些的时候最好用article而不是section。文章中又会有许多的段落，有的段落也会包含标题，那么这种情况下我们就又可以使用section。也就会形成下面这种写法：

<section><article><section></section></article></section>

又因为要避免在section上直接设置样式和脚本，所以需要在section中在嵌套一层div标签

<section><div class=""><article><section><div></div></section></article></div></section>

aside是描述与主题内容相关的，但又可以独立的内容。举个例子：
小说网站中的侧边栏上会有一些读者的信息或者广告啥的，这块即于内容相关联，但是有相对来说比较独立，那么就可以直接使用aside给包起来。整个页面内呢需要使用到aside的地方会很少

总结：section不能完全代替div，能用article和aside的时候不要用section。用这些语义化的标签会更有利于搜狐的引擎抓取，同时写出的代码分区明确，更加干净。当然虽然这些标签好用且乱用也不会造成多大的影响，但是也不能胡乱用，要保持代码的可读性和可观性。

本文标签： Divsectionarticleaside 区分