谈谈你对WEB标准的理解

只要你细心你就会发现,几乎每个招聘前端的岗位都要求对WEB标准、可用性和可访问性有要求,下面附一张大疆前端任职资格

大疆前端任职要求

第二条就是深刻理解WEB标准,对前端性能、可访问性、可维护性有一定的了解和实践。

1. WEB标准

WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由万维网联盟(起草和发布,也有一些是其他标准组织制订的标准,比如ECMA(European Computer Manufacturers Association)的ECMAScript标准。

上面一段话是百度百科对WEB标准的解释,我简单总结如下:

  • 结构:html
  • 表现:css
  • 行为:js(dom + es)

WEB标准(结构、表现、行为分离)有哪些优点呢?

  • 易于维护:只需更改CSS文件,就可以改变整站的样式
  • 页面响应快:HTML文档体积变小,响应时间短
  • 可访问性:语义化的HTML(结构和表现相分离的HTML)编写的网页文件,更容易被屏幕阅读器识别
  • 设备兼容性:不同的样式表可以让网页在不同的设备上呈现不同的样式
  • 搜索引擎:语义化的HTML能更容易被搜索引擎解析,提升排名

2. 可用性、可维护性、可访问性

可用性:产品是否容易上手,用户体验怎么样,可用性好是企业的核心竞争力
可维护性:出现问题时,修复bug的成本低则维护性好,还有一点是代码能够被其他开发人员理解,毕竟我们不是一个人再做产品
可访问性:就是所有人(盲人)都能理解你的网页。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,886评论 18 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,142评论 25 708
  • 最近因为公司项目有些功能上的改动,可以说是一个周期挺长的迭代。可是问题在于现在使用的项目代码是基于MVC模式的,逻...
    海贼灰太狼阅读 1,298评论 2 3
  • 因工作的原因,时常会做一些短途的旅行,每次整理行装时便随手带一本轻薄的小书,以便打发无聊的候车坐车时间。所谓“轻薄...
    莲花香片阅读 598评论 7 3
  • 那时的我,内心纯白如雪,一句话能在唇边反复吞咽。那时的我,人傻胆小嘴也不甜,只会偷偷地将你暗恋。萤火虫带走...
    非鱼然知乐阅读 390评论 1 0