谈谈你对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的成本低则维护性好，还有一点是代码能够被其他开发人员理解，毕竟我们不是一个人再做产品
可访问性：就是所有人（盲人）都能理解你的网页。