div和CSS结构细节和误解

生产的DIV和CSS结构编写一个静态页面现在已经非常成熟，但许多新入行的朋友，有很多错误使用DIV和CSS，这些错误是我的经历和Laoniao 。这个地方，所以总结给大家分享，希望写上帮助。

U3000 U3000

1。使用CSS + CSS结构创建静态HTML页面并不等于完全放弃旧的表格编写。表布局不推荐的原因是当Web页面加载得很慢时，等待表结构加载完成Web页面。其次，表的布局没有一定的语义。web代码的修改比较麻烦。

写一些列块，特别是数据的分类是比较多的，如产品信息柱块，顶部可能释放，释放时间，标题，联系信息和其他项目，如，建议使用表格来写，因为表用于写数据表，控制是非常方便的，而且也符合语义要求，和类似Excel数据页，也建议使用表格来写。

2、DIV+CSS结构不等于地区DIV包裹整个。碰到一个DIV块，所以你完成后的代码是div，失去了语义的价值，它是不容易找到修改的块，使用DL，UL，OL，跨度，和其他标签合理，不仅使您的网页看起来清晰，并修改它容易看到的名字知道的，比如你要修改一个新闻列表，先找到新闻列表，div或DL标签，然后找到UL，很容易修改的具体内容。

3，没有CSS文件必须从HTML代码中分离出来，单独的CSS和HTML文件，因为同时为多个页面服务的一些CSS，和用户访问CSS文件可以缓存在本地，下次再访问其他页面无刷新CSS，可以节省时间和流量，提高访问速度，但如果你在某些方面是CSS页面只有一个，不使用其他页面，他们不把CSS中剥离出来，在HTML页面的风格标签直接使用可以包括。

4。写作与DIV和CSS的网页一定要在不同类型和不同版本的浏览器进行测试。最好的办法是打开多个浏览器，如果你认为你的网站访问者不开发火狐、谷歌浏览器的习惯，那至少要兼容IE6，7, 8版本，由于软件的局限性，有一个有多个版本的浏览器无法使用电脑，所以我用仿真软件版本是用于测试ietest，足够。

对于经验不足的页面制作者最好是在浏览器中写一个小的块看看效果，如果有问题可以调整代码，不要测试，我只完成在浏览器中，所以当你发现网页浏览器在其他测试中出现奇怪的形状时，你就抓狂了。（我已经这样做了）。

总结点是这么多，剩下的是建议的拼写代码的能力，新手或不使用最好的软件代码，自己写完整的句子，当你写得很好，你会发现你写的代码，速度比在代码中快。