知道科技开启您的互联网营销之旅!

咨询热线:13530311367

创意设计 分部网站 赛车pk10开
中国互联网资深服务商
为梦想者创造梦想品牌-多终端一体化原创网站设计解决方案
专注高端品牌网站建设、移动端网站设计、微信深度定制、H5活动定制、网络营销推广、品牌整案

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

来源:深圳网站设计     2017/2/27 11:23:31     分类:网页设计      作者:知道科技     浏览:次

赛车pk10开 www.bq5l.cn  网站设计最常见的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更好用 

分享知道科技    分享未来
热门资讯

网站建设应该怎么提升用户体验的秘诀

16-12-09

现在的搜索引擎已经不是以链接分析为中心了,而是以用户体验为中心。在正常的内容相关性判断和链接分析基础上,网页的用户体验对于搜索排名的影响越来越大,因此,将“提升用户体验”贯穿于网站建设的过程中显得尤为必要。那么,网站建设应从哪些方面提升用户体验呢?第一、网…

网站建设的友情链接怎样换才可以

16-12-06

一、首先要看对方的友情链接是不是已经超过了30个了,如果大于30个外链就不用再交换了,一个网站的权重是一定的,但是友情链接导出的越多,每个链接所能够分配到的权重就越低,所以我们选择网站导出友情链接需要注意对方的链接数量!  二、我们看对方的网站权…

深圳知道科技网站建设公司成功签约深圳市凯泰电子有限公司

16-12-02

深圳市凯泰电子有限公司是致力服务于电子工业生产发展,配套供应优质工业清洗剂,油污清洗剂,PCB清洗剂,三防漆,绝缘漆,阻焊胶,助焊剂,导电胶,银浆等一站式服务公司。 2000年,在美属萨摩亚注册成立《爱尔泰(香港)有限公司》 2005年,在深圳注册成立《深圳市凯泰电子有限公司…

深圳网站建设公司:为何有流量没转化?

16-11-23

很多人觉得,只要网站上线了,自己就可以放松了。其实网站上线了,才是我们繁忙工作的开始。要知道,企业之所以建设网站,就是为了盈利。如果网站无法盈利,那么建这个网站的意义就没有了。所以,网站上线后,发外链、写软件、换友链等等。

深圳知道科技网站建设公司成功签约深圳市达斯特福瑞科技有限公司

16-11-15

深圳市达斯特福瑞科技有限公司成立于2009年, 集开发、生产、销售、技术咨询及服务于一体,主要生产产品包括:百级,千级,万级,无尘布或擦拭布,高档高密无尘布,超细纤维无尘布、亚超细纤维无尘布,聚酯纤维无尘布,配套供应:粘尘垫、口罩、无尘纸、无尘服、无尘棉签或擦拭…

网站建设后如何进行维护?

16-11-05

一、市场分析网站的功能与作用:网站采用新开发系统后,<第八、系统更新<<日程表分配各项谋划任务的开始完成时间。一定要有新颖的内容会出现在网站中,新页面的效果以及功能不只可以吸引来访者,还也可以给来访者提供娱乐休闲。用户从网站有没有直接获得利益:用户从…

  • 广西出台回复人民网网友留言暂行规定 2018-12-14
  • 我发现从五+年代农业用化肥农药,在六+年代几百年长的柿树几乎死光。没人研究! 2018-11-05
  • 行李箱遗落出租车被陌生乘客误拿 幸得“的哥”追踪找回 2018-10-24
  • 只用把这2味调料倒进马桶里,马桶立马洁净如新,一点臭味都没有 2018-08-22
  • 快递市场保持高位运行 日均处理快件1.35亿件 2018-07-28
  • “中年发福”是一把杀猪刀,十几种慢性病因它而起…… 2018-07-28
  • 武警部队“长城-2018”反恐国际论坛在京开幕 2018-07-15
  • 从出行数据看中等收入群体的三副面孔 2018-07-15
  • 613| 707| 406| 89| 432| 628| 537| 289| 864| 454|