9.1.1 布局注意事项
2025年09月26日
9.1.1 布局注意事项
1.内容与样式分离
作为最佳实践,应始终保持内容(HTML)与样式(CSS)分离。第5章介绍了如何通过外部样式表实现这一点。如果对所有的页面都这样做,就可以共享相同的布局和整体样式,这也让日后修改整个网站的设计变得更加容易——只修改CSS文件就可以了。
2.浏览器注意事项
并非所有的访问者都使用同样的浏览器、同样的操作系统,甚至同样的设备访问网站。因此,在大多数情况下,在将网站放到服务器上发布之前,通常需要在很多浏览器上对页面进行测试。推荐在开发过程中用几个浏览器对页面定期进行测试,这样,在最后进行全面测试时,碰到的问题会少一些。关于对页面进行测试的方法,以及测试用浏览器的有关信息,详见第14章。
有时,有必要针对IE的特定版本编写CSS样式规则,以修复IE的异常行为引起的问题。这对IE6和有所改善的IE7来说尤其常见。有几种办法可以实现上述要求,不过从性能上说,最好的方法是使用条件注释在html元素上创建IE版本特有的类,并在样式表中应用这个类。另一种方法是使用条件注释引入位于单独样式表中的IE补丁。