网页的制作中对于用div和css结构写静态页目前已经很成熟，但许多新入行的朋友对于使用div和css结构还有很多误区，这些误区也是我曾经经历过的并且被“老鸟”指正的地方，所以总结下来分享给大家，希望对写网页有所帮助。
1、用div+css结构制作静态html网页不等于彻底抛弃古老的table写法。之所以不建议用table来布局网页是因为在网页加载很慢的时候要等table结构加载完成才能看到网页，其次是table的布局没有一定的语义，网页代码修改起来比较麻烦。
在写一些栏目块时，特别是数据分类较多，比如“求购信息”的栏目块，顶部可能出现“发布人、发布时间、信息标题、联系方式”等项目，像这样的地方建议还是要用table来写，因为table是专门用来写数据表格的，控制起来很方便，而且符合语义要求，还有页面中出现类似excel数据的地方，也建议用table来写。
2、div+css结构不等于通篇区域都用div包起来。遇到一个区块就用一个div标签，这样你写完代码后全篇都是div，失去了语义的存在价值，区块修改起来也不容易找到，合理的利用dl、ul、ol、span、等标签，不仅让你的网页看起来条理清晰，而且修改起来很方便，见名知意，比如你要修改一个新闻列表，先找到新闻列表所在的div或者dl标签，然后再找其中的ul，修改具体内容就很容易。
3、并不是css文件一定要和html代码分开。之所以将css文件和html分开，是因为有些css同时为多个页面服务，而用户访问时css文件可以缓存在本地，这样下次再访问其他页面时就不用重复加载css，可以节约时间和流量，提高访问速度，但是如果你的页面有些区域的css是独一无二的，其他页面用不到的，就不用把css剥离出去，直接用style标签包括在html网页里就可以。
评论