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不同版本的兼容性,使得不同设备上的浏览器能够一起使用网站,且尽可能地保持一致。

原文地址:https://www.cnblogs.com/Peng2014/p/4698580.html