网站设计过程中比较容易犯的5个常见HTML错误
日期:2019-09-16 09:08
有木有在做企业网站建设的那时候做网站制作中碰到HTML的不正确,是否有一种痛苦不堪的觉得,我是的干了那麼长是的工作中了碰到各式各样的不正确,因此这里我搜集了许多,向大伙儿共享一下下。
布置最普遍的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-family:隶书">标 题〈/font>〈/font>〈/font>
〈/center>你感觉那样的编码看上去觉得怎么样呢?〈/font>〈/p>
我也不知道用户有哪些觉得,根本我就见到那样的编码就会先自身发麻十多秒,这十多秒目地是以便找1个能表述我的思想感情的词(我?你要反诘我吗?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-family:隶书">标 题〈/font>〈/font>〈/font>
〈/center>〈/td>你感觉那样的编码看上去觉得怎么样呢?〈/font>〈/p>〈/center>〈/div>〈/td>
见到那样的编码我就是会很无可奈何的(更无可奈何的就是我常常见到,并且务必看),我来简单化一下下:
〈td align="center" >
〈font color="#FFA76C" style="font-family:隶书">题目〈/font>
你感觉那样的编码看上去觉得怎么样呢?〈/td>
是否看上去感觉这世界瞬间静了许多?"题目"后边的文本进行能够界定在〈td>的class里,即使无需css,再用多1个〈.font>也一切正常,相同很清新。
4.报表有误嵌套循环
犯错误概率:通常
客观性:广泛
犯错误概率:对这一不掌握
我觉得它是1个街知巷闻的难题了,但還是持续许多人犯,有误的嵌套循环报表,将会会致到你被老板叫到公司办公室里臭骂一顿,会致到别以为一切正常的网页页面用ADSL开2、3分鐘都开不上。 先讲第一位难题,就是说在1个大报表里不断嵌套循环报表,那样会致到打开网站的速率很慢(尽管说如今的IE改进了这一难题,但還是不提议那样做),与此同时维护保养、改动也极其便捷,通常情况下简易的套入是沒有难题的,乃至3、4层,可是不必把全部內容都放进1个报表里去。 下一个难题就是说在1个大报表里放进全部內容,而主要包括1个完全免费的电子计数器编码,哈哈,你猜有将会出現什么原因呢?我觉得也这些都是小问题的,最比较严重的是你的IE象卡死了相同,全都没显示信息。解决方案就是说把电子计数器独立放到1个报表里,别和别的內容一块儿放到相同报表。
5.敲代码缩进的那时候,并不是应用Tab只是应用空格符
犯错误概率:通常
客观性:偏少
犯错误概率:不清楚Tab更强用
布置最普遍的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-family:隶书">标 题〈/font>〈/font>〈/font>
〈/center>你感觉那样的编码看上去觉得怎么样呢?〈/font>〈/p>
我也不知道用户有哪些觉得,根本我就见到那样的编码就会先自身发麻十多秒,这十多秒目地是以便找1个能表述我的思想感情的词(我?你要反诘我吗?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-family:隶书">标 题〈/font>〈/font>〈/font>
〈/center>〈/td>你感觉那样的编码看上去觉得怎么样呢?〈/font>〈/p>〈/center>〈/div>〈/td>
见到那样的编码我就是会很无可奈何的(更无可奈何的就是我常常见到,并且务必看),我来简单化一下下:
〈td align="center" >
〈font color="#FFA76C" style="font-family:隶书">题目〈/font>
你感觉那样的编码看上去觉得怎么样呢?〈/td>
是否看上去感觉这世界瞬间静了许多?"题目"后边的文本进行能够界定在〈td>的class里,即使无需css,再用多1个〈.font>也一切正常,相同很清新。
4.报表有误嵌套循环
犯错误概率:通常
客观性:广泛
犯错误概率:对这一不掌握
我觉得它是1个街知巷闻的难题了,但還是持续许多人犯,有误的嵌套循环报表,将会会致到你被老板叫到公司办公室里臭骂一顿,会致到别以为一切正常的网页页面用ADSL开2、3分鐘都开不上。 先讲第一位难题,就是说在1个大报表里不断嵌套循环报表,那样会致到打开网站的速率很慢(尽管说如今的IE改进了这一难题,但還是不提议那样做),与此同时维护保养、改动也极其便捷,通常情况下简易的套入是沒有难题的,乃至3、4层,可是不必把全部內容都放进1个报表里去。 下一个难题就是说在1个大报表里放进全部內容,而主要包括1个完全免费的电子计数器编码,哈哈,你猜有将会出現什么原因呢?我觉得也这些都是小问题的,最比较严重的是你的IE象卡死了相同,全都没显示信息。解决方案就是说把电子计数器独立放到1个报表里,别和别的內容一块儿放到相同报表。
5.敲代码缩进的那时候,并不是应用Tab只是应用空格符
犯错误概率:通常
客观性:偏少
犯错误概率:不清楚Tab更强用
版权声明:部分图片和文字来源于网络,出处无从查起,如涉及版权问题,请联系进行删除。
热门资讯
黑色风格南宁网站制作公司企业官网HTML模板
巨升建站是一家在广西南宁从事企业网站建设、外贸网站建设、商城网站建设、云服务器租赁的南宁网站制作公司,..
日期:2019-09-19 浏览:152南宁网站建设公司为您解释静态网页、动态网页和伪静态之间的区别
静态网页的优势:与别的2个网页页面(动态性网页页面和伪静态网页)对比,网站打开速度更快,不用一起从数据库..
日期:2019-08-27 浏览:68家具企业网站免费模板带后台程序百度云下载
购买睿虎网络虚拟主机域名套餐,免费安装此网站模板 链接:http://pan.baidu.com/s/1bW5u4Q 密码:nfn4..
日期:2016-05-05 浏览:274网站设计过程中比较容易犯的5个常见HTML错误
看一下上边的编码,应用了2个class,4个font来界定2个文字,我觉得那样的难题许多那时候是在大伙儿持续的改动中造..
日期:2019-09-16 浏览:0谈谈web网页设计中的留白原理
设计中存在很多关于留白的只是,零零散散在网上也看过很多,总感觉比较零散,自己根据自己的感觉,重新把留白..
日期:2016-05-19 浏览:404精选干货!十款新兴实用的网页设计与开发工具
对于设计师和开发者而言,好工具和好想法同样重要。我们常说工欲善其事,必先利其器,所以在项目开始之初,有..
日期:2016-05-18 浏览:172睿虎网络教你解决ie6/ie7/ie8iframe背景透明兼容性问题
睿虎网络教你解决ie6/ie7/ie8iframe背景透明兼容性问题,南宁网站建设公司,南宁网站建设,南宁睿虎网站建设公司最近..
日期:2019-09-13 浏览:0