当前位置:首页 >> 新闻内容
初学div+css结构写网页的几个误区
来源:本站 | 作者:Shop7z编辑部 | 发布时间:2014/2/25 

    

  网页的制作中对于用div和css结构写静态页目前已经很成熟,但许多新入行的朋友对于使用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网页里就可以。

  4、用div和css写网页一定要在不同类型和不同版本的浏览器进行测试。建议最好是同时打开多个浏览器,如果说你认为你的网站访客还没有养成使用火狐、谷歌等浏览器的习惯,那最少也得兼容ie6、7、8几个版本,由于软件限制,没有办法在一个电脑上装不同版本的多个浏览器,因此要借助版本模拟软件,我常用的是ietest,用来测试网页足够了。

  对于经验不太丰富的页面制作者来说最好是写一个小区块就在不同浏览器下看一看效果,如果出现问题可以及时调整代码,不要只在一个浏览器里测试,一口气写完,那么当你在其他浏览器测试时发现网页奇形怪状时你就抓狂了(我曾经就这么干过)。

  总结的要点暂时就这么多,剩下的就是拼写代码的功力了,建议新手还是不要用代码提示类的软件,最好是自己动手写出完整的语句,当你写熟练的时候你会发现你写代码的速度比用代码提示要快的多。

 Shop7z网上购物系统
 最新资讯
Shop7z终极版:全站百分百采用纯html5/CSS/CSS3代码开发,代码集简洁与大气于一身,系统集合了Shop7z其他各版本优势于一体,高端大气,适合各行业开店。
Shop7z至尊版:集众家之所长,大气超美观页面于一体,采用宽屏版面设计开发,美观大气、动感时尚!宽屏版购物系统适合各行各业的网上开店需求
Shop7z多用户版:集"网上商城+用户开店"的完美模式!支持商家加盟,强大的店铺功能,独立的商家后台及结算,欢迎亲们测试!
Shop7z旗舰版:Shop7z旗舰版功能强大性能稳定,均支持商品组合套餐+限时抢购秒杀+不同规格不同价格+淘定数据包导入等功能!
 热点咨询
 推荐文章
 联系方式
工作时间: 早上9:00 - 21:00 (全年无休)
在线客服:275084681 81447933 
联系电话:0311-85315152 13102887321
电子邮件:Shop7z@126.com
工作期间推荐QQ联系,第一时间回复信息。
 首 页 | 购物系统 | 查看如何购买?如何建立网站? | 成功案例 | 常见问题/支持 | 网站合作 | 空间、域名 | 版权声明 | 新闻中心 | 关于我们
Shop7z网上购物系统在线客服:    275084681 客服QQ二:  81447933     客服电话:13102887321 0311-85315152
软件著作权证书登记号:2014SR001852 软著登字第0671096号     软件著作权证书登记号:2018SR956050 软著登字第3285145号
服务电话:0311-85315152    手机:131 0288 7321 (节假日不休)
地址:河北省石家庄市中山东路乐汇城A座A-1501#  邮政编码:050051
E-mail:Shop7z@126.com  275084681@qq.com (推荐邮箱)
CopyRight Shop7z.com版权所有 2004-2024 All Rights Reserved.冀ICP备19029961号-4
微信:
友情链接:
5vShop电商系统Shop7z购物系统网趣网上购物系统Asp微信支付中国站长站 源码素材网Admin5源码Asp300源码