千钧之重的用法错误
第一段:错误观念与操作
在人们使用互联网的这个大时代,简单易学的HTML被越来越多人接触,但却有部分人对其的理解存在误区,使得他们的操作方法变得不够优秀。例如很多初学者都会去网上调用一些网站已经写好的CSS样式表,好似只有调用此样式表之后才能够下一步进行页面的开发,于是他们便会把一堆看起来不知所云的CSS强制命名为自己的样式库,之后才开始在文档里套用,甚至有些人直接在原有的样式库上进行修改。
这样的操作显然十分错误。因为由于他们并不了解CSS样式内部的构成方式,调用网上的样式表极易涉及到样式冲突,导致页面中元素颜色或大小等出现异常。尤其是直接在原有样式库上进行修改,更是难以维护。一个标准的CSS样式库设计是要向页面提供一个集中的全局样式控制库,而非网上第三方的复制,因为每个页面的样式都有其自身的特性,而且对于调整样式,设置样式类、类组等也是需要有系统性的规划和统一的管理的,这样不仅可以使代码更加简洁,而且也能更加方便维护。
第二段:不当使用样式表的问题
说到样式表还有另外一个常见的错误用法,那就是在html页面中频繁地使用行内样式,换言之,就是直接在HTML标签中加入一些CSS样式。正如上文所述,样式库应该是统一的样式控制库,而在这种行内样式设计的面前显然屈服了。这中间的原因很简单,就是那些开发者快速点击,试图完成业务逻辑而不注重代码的风险控制。
在这种情况下,有时候虽然解决具体的问题,单独来看,似乎并没有什么太大的毛病,但是这种效率极低的操作依然对整个页面的代码质量造成了威胁。HTML本身应该是结构性的标记,而CSS则是它的装饰和渲染模块,类似于MVC架构。但如果所有的样式都写成行内样式,代码可读性将大幅下降,维护者需要花费更多的时间和精力去维护。
第三段:表单应用中的失误
表单是网站开发中不可或缺的一部分,但由于一些开发人员的不规范使用,对表单的操作有时候并不尽如人意。一些开发者的思路可能是,先写一份相似的表单,再使用php或其他语言对其进行重构。然而这么干是会产生很多问题的。
首先,例如HTML中的textarea元素,并没有像select元素具有option这样的子元素,所以在写代码的过程中也就不能像普通html标签一样加入子元素进行初始化操作,而且在使用开源第三方的插件时也会发现,论及文本域这项时往往都要有子元素的存在。这就导致了标签结构中出现了过多的空标签,代码的冗余率会大幅提升。而目前当前主流的技术难以支持跨浏览器共用一套表单的样式,这种设计方式也会导致代码冗余量的提高,而 IE 的降级情况又会另外增加代码维护的难度。
其次,一些表单由于前期设计没有很好地根据不同的页面需求先行规划,导致了表单之间之间的一些冲突问题。比如在少数情况下表单的某个元素的id会和另一个表单的元素id重复了,而很多浏览器又将表单id作为了一个特殊的属性。当这种情况大量存在时,表单的性能和代码的维护成本显然就上涨了。所以在设计表单时应该从全局和特殊情况对表单组件进行个性化设置,做到有的放矢。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至3237157959@qq.com 举报,一经查实,本站将立刻删除。