Web标准的理解

           生活中各行各业都有着自己相应的标准与规范，比如有了“银行卡的标准”，你就不用担心不同银行的卡大小不一样，所有提款机的入卡口都一样。

           所以可以看出标准对于社会的交流，协作和效率有着非常重要的意义。

 

           1.什么是web标准？

                     为了实现大量HTML信息向XML标准的过渡，W3C和ECMA制定的一系列的技术规范。

                     目前主要包括：

                                          结构化标准语言：XHTML和HTML

                                          表现标准语言：CSS

                                          行为标准语言：DOM,ECMAScript等

                    web标准不仅仅是一个规范，而是一系列规范的总称。

            2. web标准的优点？

                     代码的效率：在HTML文件中使用最精简的代码，而把样式和页面布局信息包含进CSS文件中。则放在服务器上的文件越小，下载文件需要的时间就越短。

                     易于维护：页面的样式和布局信息保存在单独的CSS文件中，如果你想改变站点的外观时，仅需要在单独的CSS文件中做出更改即可。整站统一css则可带来巨大的便利。

                     可访问性：上网用户中那些视力受损的人，通过屏幕阅读器使用键盘命令将网页的内容读给他们听。以语义化的HTML（结构和表现相分离的HTML）编写的网页文件，就可以让此类用户更容易导航，且网页文件中的重要信息也更有可能被这些用户找到。

                    设备兼容性：纯HTML，无附加样式信息，可以针对具有不同特点（如屏幕尺寸等）的设备而被重新格式化，只需要引用一套另外的样式表即可。同时，CSS本身也可以让你为不同的呈现方式和媒体类型（如在屏幕上阅读网页，打印网页，在移动设备上阅读网页等）规定不同的样式表。

                    网络爬虫/搜索引擎：搜索引擎使用“爬虫”，解析你的网页。语义化的HTML能更准确更快速的被解析，从而知道哪些才是重要的内容，那么你的网页在搜索结果中的排名就会大受影响。

 

             3. 可用性和可访问性

                      尽可能地符合所有用户在所有条件下的有效访问。

                            所有用户：身体健康的用户，视力障碍，盲人，运动性残疾等。

                            所有条件：常见如PC端和移动端，或使用跟踪球等不常见的计算机控制设备的用户。

                     可用性：Web产品是否容易上手，是否能够有效满足用户需求，效率如何，以及这过程中用户的主观感受可好，是从用户的角度来看产品的质量。可用性好意味着产品质量高，是企业的核心竞争力。

                     可访问性：Web内容对于残障用户的可阅读和可理解性,主要有以下两点：

                                           1. 无论用户是否残障，都得通过各种电子设备来访问Web内容。因此首先得考虑各种电子设备 ：桌面浏览器、语音浏览器、移动电话、车载个人电脑等等。

                                           2. 还得考虑用户访问Web内容时的环境限制 。比如：嘈杂的环境、过暗或过亮的房间、或者是免提等各种情况。（这是更高要求了！)

 

                     实现可用性和可访问性总体原则：渐进增强和平稳退化，考虑好对JavaScript/CSS不支持或支持不好的电子设备浏览情况。从渐进增强的角度讲，鼓励使用高级特性，只是同时要做到平稳退化，让低端电子设备软件上，也能保留低保真的体验。

                     例如：1. 在没有样式CCS或图片的情况下也以一种文档格式显示，并且是容易阅读的。

                              2. 可以很好地通过各种设备进行范围，例如导航菜单构造为列表，就能很容易地让那些使用屏幕阅读器、同时无法看到列表的人知道这是个列表，并能告知列表数量。

                              3. 文本可以作为页面内容的通用替代内容，如alt 属性包含了对该图片的简短描述，以便无法准确看到该图片的用户（或搜索引擎）使用，title属性负责对链接地址的详细文本描述。

                              4. 用户应该可以不用鼠标也能与某个网站进行交互，并且可以通过屏幕阅读器来进行导航。

                              5. 考虑好不同设备对JavaScript/CSS不同版本的兼容性，使得不同设备上的浏览器能够一起使用网站，且尽可能地保持一致。