Question

网页中的<div>嵌套层数多少为佳？

像div以及由display:block定义过的元素，如果一层一层的嵌套的话，最好不要超过多少层？
<div id="1">
<div id="2">
<div id="3">
<div id="4">
<span style="display:block">

</span>
</div>
</div>
</div>
</div>
这样子是几层嵌套？body算不算一层？放在<div>标签中的<li>、<a>等标签算不算是一层？

Answer 1

可以根据需要进行嵌套，我做的网站<div>嵌套层数从没超过八层，因为代码都缩进很大一块了。

Answer 2

像你这div是四层，如果算上span的话那就是5层了，套那么多div，容易乱，还有就是div有两个属性class和id，不要只用id，w3c标准是id是针对性的，比如id=“1”样式只能用一次，而class可以无限公用，但是现实中id可以重复调用，最好别这样写，不符合标准，一般的div也就是3、4层，可以div和table、span等混着用

追问

body算不算一层？放在标签中的、等标签算不算一层？

Answer 3

不超过5，太多了不好

body不算 你那算5

一对的都算一层 单纯的div不要超过5

追问

、一对的都算一层?那这种标签层次多点要不要紧？

追答

不要紧 但也不太繁琐，尽量简洁