面具厂家
免费服务热线

Free service

hotline

010-00000000
面具厂家
热门搜索:
技术资讯
当前位置:首页 > 技术资讯

关于前端开发的那些事谈WEB标准

发布时间:2020-02-14 06:34:38 阅读: 来源:面具厂家

做前端陆陆续续也有4年的时间,在这里就跟大家谈谈个人对前端开发的一些经验,这就算是做一次总结吧,如果有错误的地方还需要大家谅解和指正。

说起前端开发,我们就从一些让人打瞌睡的概念说起吧。

WEB标准

什么是WEB标准?也许很多人会认为是DIV+CSS。其实这是一个错误的说法,WEB标准时一系列的技术规范,而目前主要包括XHTML1.0、CSS2.1、DOM1.0和ECMAJavaScript。当然了,WEB标准也不仅仅是一个规范,而是一系列规范的总称。而上面说的DIV+CSS是XHTML1.1结合CSS2.0的一种制作方法,严格来应该说是XHTML+CSS。

而WEB标准是由三大块组成的。首先是结构,主要是对网页的数据对象进行整理分类,技术体现分别是HTML,XML,XHTML。(在这里大家可能会问,HTM不也是网页的一种吗?是的,实际上HTM与HTML没有本质意义的区别,原因是为了兼容一些不能识别四位扩展名的老系统(win32),开发者为了满足DOS仅能识别8+3的文件名而已。);其次就是表现,用于没有结构化的信息显示以及视觉上的处理,分别包含为样式,颜色,大小等等,主要应用于CSS上。最后一个就是行为,用于文档对象模型定义与交互的体现,分别是DOM与MAScript来完成。

说了这么多,那么采用WEB标准做前端开发会有哪些优势呢?

节约成本,提升速度。

在这个问题之前,我先跟大家谈谈一个故人,那就是“table”,table也就是表格。早期的网站大部分都是用table来布局的,准确来说应该是用表格来布局。因为如果用table来布局,这时我们就不能叫table了,因为它几乎能完成所有结构上的事情。那为什么不用table来布局呢?这就是我们要谈的节约成本,提升速度了。

首先,table的可维护性低,太多的table属性要修改起来让人眼花缭乱,比如border=”0”,align=”left”等等,要修改得每个页面都要更改。第二,嵌套太过复杂,tr td会让你找到吐。第三,不能重用。第四,添加交互效果太难。第五,加载速度过慢。等等,每个问题都无不牵扯到成本和速度的问题。

如果采用WEB标准来制作,上面的几种问题完全可以解决。因为我们可以做到王爷表现与内容分离,也就是用XHTML来作为数据的表现,而所有的样式表现将由CSS来全部控制。这样不仅结构清晰,页面体积也会大大的减小,浏览器兼容性更好。当然还有很多好处,比如有利于SEO优化,更容易被搜索引擎收录,样式重用,维护方便,错误修改页面调整更加快捷等等。所以W3C推荐使用WEB标准开发的原因相信大家也很清楚了。

公司法人经营范围变更流程

深圳工商税务申报

广州工作签证种类