我们都知道,使用DIV对象来布局网页,将会给您带来很高的灵活性。
仍然,如果一个网页中都使用DIV对象来布局,尤其是制作一个比较复杂的页面时,所需要的DIV对象是非常多的。因此,就不可避免的带来这样的问题,如何快速知道DIV的配对?如果DIV对象太多了,或者是有多余的DIV,如何删除呢?
这就需要我们在短时间内找到DIV的配对节点,这样才能很好的解决冗余的DIV对象的删除问题。
如下图。是通过DIV来布局的一个网页的HTML代码。
现在,我们要做的就是,找出某个DIV对象的另外一个节点,即配对。因为我们都知道,DIV对象,是以<DIV>开始,以</DIV>结束的。现在的问题就是,给出或选择某个<DIV>,如何快速找到与之相对应的</DIV>。
方法如下,如果您使用的网页编辑软件是Dreamweaver话,就请通过它来打开网页文件,切换到html模式,然后,如下图一样,选择某个DIV的开始部分,然后,如图操作。
点击“折叠整个标签”按钮,蓝线圈住那按钮,就这样,Dreamweaver会自动帮助我们找到与之相对应的</DIV>并折叠起来。如下图。
可以通过逐渐折叠多余的<DIV>配对,就可以找到多余的无效的</DIV>了,非常方便我们修改网页。
当然,如果想把折叠的被选中的<DIV>展开来,就点击上图中的“+”就可以了。