专注培养泛IT高端人才

陕西新榜样官方网站

您的位置: 主页 > 新闻动态 > IT资讯 >

Web中的Dom适用原则

来源:陕西新榜样软件科技有限公司 发布时间:2018-07-10 浏览量:

  在WEB的书写过程中,文档内容一般要遵循Dom适用原则,否则可能导致后续书写的内容的各种不适配,给后续的维护运营带来麻烦。Dom,也就是文档对象模型,它是浏览器,语言与平台和内容之间的接口,这个规定是W3C规范决定的,使用文档对象模型,可以更加方便的访问其他标准组件。简单理解,DOM解决了Netscaped的Javascript和Microsoft的Jscript之间的冲突,给予WEB开发设计师和开发者一个标准的方法,让他们来访问他们站点中的数据、脚本和表现层对象。文档对象模型的书写规范有以下几种:

  书写代码前, 考虑并提高样式重复使用率;

  充分利用html自身属性及样式继承原理减少代码量,

  即可实现日期居右显示

  样式表中中文字体名, 请务必转码成unicode码, 以避免编码错误时乱码;

  背景图片请尽可能使用sprite技术, 减小http请求, 考虑到多人协作开发, sprite按模块制作;

  使用table标签时(尽量避免使用table标签), 请不要用width/ height/cellspacing/cellpadding等table属性直接定义表现, 应尽可能的利用table自身私有属性分离结构与表现 , 如thead,tr,th,td,tbody,tfoot,colgroup,scope; (cellspaing及cellpadding的css控制方法:table{border:0;margin:0;border- collapse:collapse;} table th, table td{padding:0;}, base.css文件中我会初始化表格样式)。

  用png图片做图片时, 要求图片格式为png-8格式,若png-8实在影响图片质量或其中有半透明效果, 请为ie6单独定义背景:

  _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (sizingMethod=crop, src=’img/bg.png’);

  避免兼容性属性的使用, 比如text-shadow || css3的相关属性;

  减少使用影响性能的属性, 比如position:absolute || float ;

  必须为大区块样式添加注释, 小区块适量注释;

  代码缩进与格式: 建议单行书写, 可根据自身习惯, 后期优化会统一处理。

IT培训 服务