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

  • 相关阅读:
    「日常训练」Single-use Stones (CFR476D2D)
    「日常训练」Greedy Arkady (CFR476D2C)
    「Haskell 学习」二 类型和函数(上)
    「学习记录」《数值分析》第二章计算实习题(Python语言)
    「日常训练」Alena And The Heater (CFR466D2D)
    Dubbo 消费者
    Dubbo 暴露服务
    Rpc
    git fail to push some refs....
    Spring Cloud (6)config 客户端配置 与GitHub通信
  • 原文地址:https://www.cnblogs.com/Peng2014/p/4698580.html
Copyright © 2011-2022 走看看