未闭合 div 的问题几乎让我发疯。这很难跟踪,尤其是当页面很长很复杂时。
有什么建议吗?
如前所述,通过 W3C 验证器 运行代码是非常好的方法,但如果您的页面非常复杂,您可能仍然不知道在哪里可以找到打开 div。
我喜欢使用制表符缩进代码。 这样可以在视觉上保持代码的条理性,从而更容易找到这些问题,如子代、同级、父代等......它们会显得更加明显。
**另外,我会使用一些 HTML 注释来标记复杂区域的结束标记。 为了整洁起见,我尽量少用这些注释。
<body>
<div>
Main Content
<div>
Div #1 content
<div>
Child of div #1
<div>
Child of child of div #1
</div><!--// close of child of child of div #1 //-->
</div><!--// close of child of div #1 //-->
</div><!--// close of div #1 //-->
<div>
Div #2 content
</div>
<div>
Div #3 content
</div>
</div><!--// close of Main Content div //-->
</body>