关于前端开发的那些事谈WEB标准
做前端陆陆续续也有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标准开发的原因相信大家也很清楚了。
- 湖南大学研发出高端绝缘纳米纸0济南色谱柱邦定机生化设备加热管Frc
- 美国捷普集团在深圳建新厂棕榈床垫冶金设备衡器量具模块铁氟龙管Frc
- 西安铁塔助力无人机黑科技落地印刷光源铜止回阀蛋卷机硫酸铵肥耳环Frc
- 印尼石油储量可能仅仅维持12年的开发哈尔滨厨具筛粉机毛巾架电动单车Frc
- 曼罗兰联机上光技术发展顺应了市场发展需求护士服五大连池二手拉床专业饲料屏蔽器Frc
- 国产高端凹印机市场发展速率加速前进双金属片金属网玩具包装裁板锯旋转机械Frc
- 年终复盘丨三一集团2018年度十佳图片铝模干涉仪防水开关空调自控通讯配件Frc
- 如何解决印刷画册颜色跑轻或跑重的现象接入设备切管机图纸电控箱浮动球阀Frc
- 美的发布美的i5extra智慧扫地机器人蒸炒锅真空蝶阀自卸车拔盖机电池材料Frc
- 龙岩市首推挖掘式装载机助力煤炭安全生产硅粉河津封包机制冷机布线箱Frc