×
联雅网络-品牌网站建设服务提供商
成就客户 · 成就自我
合作意向表
您希望我们为您提供什么服务
预算
                       
  0755-82940957
LY Network联雅网络
LY Network联雅网络
新闻动态
Record the pace of corporate development
让价值共享
记录企业发展脚步
新闻动态  :  
2018.06.27

网站设计最常见的5个HTML错误

发布者:深圳联雅网络
1462
       网站设计最常见的5个HTML错误

  1.网页背景色的设置 

  犯错机率:很大 

  普遍性:较广 

  犯错可能性:懒/不知道 

  约2年前我曾发现21cn上出现过一次没有设置背景色的情况,当时我用Email通知了他们,自此之后这个问题我从没犯过。 

  绝大部分人的窗口背景颜色都是白色,但如果象我这样个性的人,就会把windows窗口的背景颜色改成灰色或其他色,这样一来,如果你没有设置网页的背景颜色的话,你以为正常的网页在我的电脑上看起来会是一团糟。 

  2.Align center(自动居中)的滥用 

  犯错机率:非常大 

  普遍性:非常广 

  犯错可能性:以为方便/以为好用 

  工作中,修改、维护别人的网页是家常便饭,发现不少人有一个陋习: 

  在表格中的文字或图片,你是这样来令它居中、靠左或靠右过? 

  〈div align="center">大家好啊!!〈/div> 
  〈div align="center">〈img src="/xx.gif">〈/div>

  当有些表格很多、文字很多、内容分得很细的时候,爱用这种方法(它在DW里的快捷键是Ctrl+Alt+C,FP不知道是什么)的人往往会狂用,惨了,我一碰到这样的网页就头痛,为什么要用那么多〈div>来居中呢?tell me why?难道表格没有居中属性吗?为什么要加入这些垃圾代码?特别修改的时候也不能把文字或图片删除了就能自动清除 

  建议使用〈td align="center">来居中,当需要多重定位的时候,才考虑〈div align="center">,因为这个代码并不好处理,所以能用表格代替就用表格替代。

  3.重复使用实现相同功能的代码、或杂七杂八的乱套代码 

  犯错机率:非常普遍 

  普遍性:非常普遍 

  犯错可能性:复杂多样 

  大家先来看一看下面的代码: 

 〈center>〈p>〈font >〈font >〈font color="#CCCCCC">〈font color="#FFA76C" style="font-size:14px;font-family:隶书">标 题〈/font>〈/font>〈/font> 

  〈/center>你觉得这样的代码看起来感觉怎么样呢?〈/font>〈/p> 

  我不知道读者有什么感觉,压根我一看到这样的代码就会先自我麻木十来秒,这十来秒目的是为了找一个能表达我的思想感情的词(我?你想反问我吗?sorry~~,我一般不犯,因为我做网页至少有一半以上的时间在浏览代码,代码中多了不该多的东西我一眼就能看出来。)。 

  看看上面的代码,使用了2个class,4个font来定义2个文本,其实这样的问题很多时候是在大家不断的修改中产生的,对代码不熟、或懒查看代码、又或不喜欢查看代码的人犯这些问题特别严重,当然,事实上别人浏览这个网页的时候,是没有任何问题的,但维护的人就…………。 

  这些多余的垃圾代码完全是可以省略掉的,其实上面的例子不够严重,更恐怖的我都见过。 

  另外还有一个问题也要提提的,就是〈p>...〈/p>和〈center>...〈/center>,为什么要用它们呢?tell me why~~,有甚者是这样的: 

〈td>〈div align="center" > 
  〈center> 
  〈p align="center">〈/p> 
  〈p align="center">〈font >〈font >〈font color="#CCCCCC">〈font color="#FFA76C" style="font-size:14px;font-family:隶书">标 题〈/font>〈/font>〈/font> 
  〈/center>〈/td>你觉得这样的代码看起来感觉怎么样呢?〈/font>〈/p>〈/center>〈/div>〈/td> 

  看到这样的代码我是会很无奈的(更无奈的是我经常看到,而且必须看),我来简化一下: 

 〈td align="center" > 
  〈font color="#FFA76C" style="font-size:14px;font-family:隶书">标题〈/font> 

  你觉得这样的代码看起来感觉怎么样呢?〈/td> 

  是不是看起来觉得这个世界安静了很多?"标题"后面的文字完成可以定义在〈td>的class里,就算不用css,再用多一个〈.font>也没问题,一样很清爽。 

  4.表格不正确嵌套 

  犯错机率:一般 

  普遍性:普遍 

  犯错可能性:对这个不了解 

  其实这是一个街知巷闻的问题了,但还是不断有人犯,不正确的嵌套表格,可能会令到你被老总叫到办公室里臭骂一顿,会令到你以为正常的网页用ADSL开2、3分钟都开不了。 先讲第一个问题,就是在一个大表格里不断地嵌套表格,这样会令到打开网页的速度变慢(虽然说现在的IE改善了这一问题,但还是不建议这样做),另一方面维护、修改也极不方便,一般来说简单的套用是没有问题的,甚至3、4层,但是不要把所有内容都放到一个表格里去。 第二个问题就是在一个大表格里放入所有内容,而其中包括一个免费的计数器代码,嘻嘻,你猜有可能出现什么情况呢?其实也没什么大不了的,最严重的就是你的IE象死机了一样,什么都没显示。解决方法就是把计数器单独放在一个表格里,别和其他内容一起放在同一表格。 

  5.写代码缩进的时候,不是使用Tab而是使用空格 

  犯错机率:一般 

  普遍性:较少 

  犯错可能性:不知道Tab更好用 

相关新闻
网站建设常见问题 2018.06.26 飞亚达-环球丽人行 2018.10.22 百丽-Tata官网 2018.10.09 公司搬迁通知 2018.10.22 关于我司国庆节和中秋节放假的通知 2018.06.27 仙宝丽 2020.05.12 视美泰 2020.05.12 画栈 2019.12.24 沁园春科技 2019.11.16 一恒科电子科技 2019.11.16 翊森電子科技 2019.11.12 天舶珠宝腕表 2019.11.12 科视达 2019.11.12 斯丽比迪 2019.11.12 深安集团 2019.05.09 建设一个网站的成本多少? 2019.04.04 2014公司年会 2018.10.22 万希泉 2018.10.17 创壹通航 2018.10.09 黄金时刻贸易 2018.09.01 深圳智航无人机有限公司 2018.07.27 论企业网站备案的重要性 2018.07.16 环宇时尚展览 2018.07.13 网站上线完成就是结束?不!网站运营维护才是重头戏 2018.07.06 新石(深圳)商贸 2018.07.06 Bergstern中国官方旗舰店 2018.07.06 高漫电子展 2018.07.06 七度银饰 2018.07.06 PC端网页与手机网页有什么不同 2018.07.06 飞亚达-印系列 2018.06.27 购买网站空间的注意事项有哪些 2018.06.27 飞亚达--青蓝使命 2018.06.27 网站建设图文选择大有学问 2018.06.27 飞亚达-圣诞专题页 2018.06.27 F-飞亚达IN系列 2018.06.27 那,说了这么多SEO的好处,那做SEO有什么要点注意的呢? 2018.06.27 飞亚达-诚芯诚艺 2018.06.27 购买网站空间的注意事项有哪些-深圳网站建设 2018.06.27 广州从安服饰 2018.06.27 飞亚达-用时间去爱 2018.06.27 企业网站为什么要改版,改版有什么好处? 2018.06.27 一个好的营销型网站必须具备的因素 2018.06.27 飞亚达-神州系列 2018.06.27 你知道注册域名要注意哪些事项吗? 2018.06.27 网站建设中不能忽视的问题你知多少? 2018.06.27 飞亚达-四叶草系列 2018.06.27 企业网站建设常见类型有哪些? 2018.06.27 企业外链该如何合理分布 2018.06.27 路福寝具 2018.06.26 新石器 2018.06.26 深圳市香蜜山生物科技 2018.06.26 美格文化 2018.06.26 怎样找到一家靠谱的建站公司? 2018.06.26 贵飞燕 2018.06.26 飞亚达-漫时光系列 2018.06.26 企业为什么要定制属于自己的网站? 2018.06.26 时尚教父TONY个人官网 2018.06.26 网页设计应该考虑哪些要素 2018.06.26 骄阳3D全息投影 2018.06.26 怎么选择网站服务器? 2018.06.26 福特自行车 2018.06.26 飞亚达-七夕专题页 2018.06.26 网站建设为什么要做SEO?做SEO有什么好处? 2018.06.26 软文营销推广一定会犯哪几个误区? 2018.06.26 中讯网联 2018.06.26 美深画室 2018.06.26 网站推广 2017.12.21 详解网站设计与网站推广在搜索引擎上的体现 2017.12.21 热烈祝贺联雅签约深圳市威廉教育发展有限公司 2017.07.19 深圳市飞亚达(集团)股份有限公司 2017.07.19 魔幻珠宝 2017.06.26 2013年公司年会 2016.12.22 飞亚达-极限夜跑 2016.12.22 深圳市浪道设计有限公司 2016.12.07 深度解析无法获得热门词汇排名的五大原因 2016.12.03 关于建立域名注册信息核对专项服务通道的公告 2016.12.01 关于Dreamweaver乱码问题的解决方案 2016.12.01
最近一周 最近三月 最近半年
分类
常见问题 网站推广 网站知识 新闻动态 签约客户