初学者用div+css结构写网页的几个误区

爱情三脚猫 · 发表于 2012-11-03 11:23:54

网页的制作中对于用div和css结构写静态页当前也曾很冲弱，但许多新入行的朋友关于使用div和css结构尚有许多误区，这些误区也是我曾经阅历过的而且被“老鸟”示正的地方，所以总结上去分享给大家，但愿对写网页有所拯救。

1、用div+css结构出产消息html网页不等于完全甩掉破旧的table写法。之以是不首倡用table来布局网页是因为在网页加载很慢的时刻要等table结构加载实现才干看到网页，其次是table的布局不有一定的语义，网页代码修改起来比拟穷苦。
http://www.7997.com/danji/spg/ 在写一些栏目块时，额定是数据分类较多，好比“求购信息”的栏目块，顶部可能涌现“揭晓人、揭晓岁月、信息标题、宰割方式”等工程，像多么之处倡始照常要用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网页里便可以。
4、用div和css写网页未必要在差距类型和分歧版本的涉猎器进行测试。建议最佳是同时翻开多个阅读器，假定说你以为你的网站访客还没有养成运用火狐、google等浏览器的风尚，那起码也得兼容ie6、7、8几个版本，由于软件限制，没有方法在一个电脑上装分歧版本的多个浏览器，因此要仰仗版本模仿软件，我常用的是ietest，用来测试网页充裕了。
关于经验不太丰硕的页面产者来说最好是写一个小区块就在差别涉猎器下看一看造诣，要是泛起问题可以实时调停代码，不要只在一个浏览器里测试，一口气写完，那么当你在此外涉猎器测试时缔造网页奇形怪状时你就抓狂了（我曾经就这么干过）。
总结的要点且自就这么多，剩下的就是拼写代码的功力了，倡导内行照常不要用代码示意类的软件，最佳是自身下手写出完整的语句，当你写熟练的时辰你会发现你写代码的速率比用代码默示要快的多。

猪八戒 · 发表于 2025-11-10 19:46:51

内容很干货，没有多余的废话，值得反复看

		自动登录	找回密码
密码			加入怎通

[站长八卦] 初学者用div+css结构写网页的几个误区

浏览过的版块