网页布局设计注意事项

①代码书写要规范，拼音，英文，中线，下划线，驼峰都可以，但是要保持一致。

②把父级的class补全，一为了好调试，二是为了优先级。

③大块可以采用id，块里面可以采用class。注意：id不能多用，这是为了避免调用js产生冲突。

④做布局前首先分析整体网页，心里有个底哪些块是公共样式，把公共样式分离出来，一个为了公用，二为了维护方便。

⑤从整体到细节，大块到小块，但是尽量少嵌套，特殊情况特殊对待。

⑥margin属性容易在低版本的IE中出现兼容性问题，尽量少用，可以选用padding或position方式代替。

⑦在宽高固定、子元素比较多、子元素位置杂乱，子元素类型较多的区域中，尽量用定位方法来做，如果用margin来做，不同版本IE浏览器下的表现可能会让你崩溃，但并不是绝对的。

⑧首先要相信一点，不用所谓的hack技术一样可以写出浏览器完全兼容的页面。调整网页兼容性并不一定非用hack技术，只要把代码写得严谨一些往往就能解决了。当然，这需要开发者一定的技术和经验积累。

⑨能设置具体宽高的区块尽量设置具体的宽高。

⑩不要用行级标签（a标签、span标签等）和文字标签（p标签等）当做划分区域的标签。

⑴深化区块的概念，把页面严格的分成不同的区块，尽量避免不同区块之间的冲突。

⑵写页面的时候写一点就测一下兼容性，发现问题及时改正，不要想着等到全写完后统一调试兼容性。

⑶如果一种办法在IE6中不行，赶紧换另一种方法尝试，切勿浪费过多时间。

⑷善于用第三方插件如截图，取色，firebug等工具。

⑸广告用新窗口打开，同样友情链接也需要新窗口打开，这都是为了避免跳出率。

⑹标题采用H2标签，利于SEO优化，文字可以采用p标签

⑺注意关键字不能堆砌太多，网站的关键词要分布均匀。

⑻网站内容保证原创文章。保证url地址干净简洁，要以html结尾，这是为了伪静态seo优化。

⑼不要将过多的外链都聚集在一个页面上。

⑽要有足够的耐心，不要心浮气躁，有的时候需要耐心等待，千万不要每天去换关键词，去做优化，有的时候就是优化过度。