上面这个代码片断是Dundas Web Controls中的Web Chart控件输出的HTML代码。这个带有hot area的Chart图片在使用时似乎没有什么问题，如果就是普通的单独使用这个Chart，确实是没有问题。可是当我们把Dundas Chart组合到自定义的WebControl中时，它这种带有换行和缩进的HTML代码就带来问题了。由于布局的需要，我需要把这个Chart放入一个表格之中，并让表格显示一个像素的border紧密包围Chart。本来这个Chart的外观就只是一个图片而已，这样的组合似乎应该没有任何问题，可实际情况是那个Chart的图片始终不能撑满外面的表格，而在图片底部和表格底边上总是有3-4 个像素的间隙。而这个间隙就是由于< img />和< map>之间有空格和换行(虽然IE只当它是一个空格)造成的。

由于Dundas Web Chart是发布的已经编译好的dll，所以要删除它输出的HTML中无用的空格和回车就变的比较麻烦了。我们只能从它的Render流中把HTML代码取出，然后手动的去掉tags之间的空格和回车，再输出到新控件的输出流中去。这样的方法虽然可以解决一部分问题，可是如果遇到内部控件过于复杂，这时不管在正确性还是效率上就都是额外的负担。

所以从上面的问题我们看出，当我们制作一个ASP.NET控件时，因该让最后呈现的HTML代码遵循"代码紧凑原则"，以提高控件的适应性。在这样的原则下先前那个示例就应该这样：

 id="analysisChart" src="ChartPic_000007.jpeg?B9FA64E7-2020-4430-AAF4-B20A51794909" 
usemap="#usemap_analysisChart"> 
id="usemap_analysisChart">
...