琐事屋
每一步都是更接近目标的一步

一、W3C标准是由各大标准组织制定,由浏览器或其它Web底层框架或工具来实现,再提供给开发者能以最小的成本开发适用于多平台的Web应用,这些标准是我们访问无数网站的前提

(1)结构

HTML——超文本标记语言

XHTML——是HTML向XML过渡的语言,删除部分表现层的标签,标准要求提高,所有标签必须关闭。

XML——可拓展标记语言,逐渐用于网络数据的转换和描述。XML是一种简单的数据存储语言,使用一系列简单的标记描述数据,而这些标记可以用方便的方式建立,虽然XML比二进制数据要占用更多的空间,但XML极其简单易于掌握和使用。

(2)表现

表现标准语言主要包括CSS,通过CSS样式表,W3C创建CSS3标准的目的是以CSS取代HTML表格式布局,帧和其它表现的语言,通过CSS样式可以使页面的结构标签更具美感,网页外观更加美观。

(3)行为

行为是指页面和用户具有一定的交互,同时页面结构或表现发生变化,标准主要包括对象模型,ECMAScript并要求这三部分分离

1.DOM——Document Object Model的缩写

DOM是一种与浏览器,平台,语言的接口,使得你可以访问页面其他的标准组件。简单理解,DOM解决了Netscoped的Javascript和MS的Jscript之间的冲突,给予Web设计师和开发者一个标准的方法,让他们来访问他们站点中的数据,脚本和表现层对象

2.ECMAScript——ECMA制定的标准脚本语言

二、Web标准实例

<p>我写的不是代码,是寂寞。<br>我说:<br>不要迷恋哥,哥只是一个传说

考点1——html4.01与Web标准xhtml1.0的差别

Web标准要求结构与表现分离(简单来说,不要在标签里写style,要用CSS类),题目中使用<br>控制缩进,是错误的,应当使用css来控制文本缩进

考点2——结构与表现分离

题目中连续使用两个<br>来控制两个段落,<br>是强制换行标签,后期段间距不易控制。正确的做法使使用两个<p>标签来表示两个段落

考点3——合理运用标签

在XHTML标准下,正确的修改为:

<p>.......</p><p>我说:<br/>......</p>

<br/>br后内容可以使用<q>标签标注,标签语义化

三、对 W3C的认识

W3C对Web的标准提出了规范化的 要求,也就是在实际编程中的代码规范:

1.对于结构的要求

(1)标签字母小写 (2)标签要闭合(3)标签不允许随意嵌套

2.对于CSS和JS的要求

(1)尽量使用外联链CSS样式表和JS脚本,使结构、表现和行为分为三块,符合规范同时提高用户渲染速度,提高用户的体验

(2)样式表尽量少使用行间样式,使结构与表现分离,id和class等命名要做到见文知义,标签越少,加载越快,用户体验提高,代码维护简单,便于改版

(3)不需要变动页面,便可提供打印版本而不需要复刻内容,提高网站易用性

实现可用性、可访问性的方法:

逐步强化你的网站功能,同时对支持性进行测试。运用“渐进增强”和“平稳退化”原则开发网站 。

允许用户关闭有问题的增强功能

提供相同内容或功能的替代版本

就客户端需要支持的技术向你的客户提出建议并举例说明哪些公司的 产品支持这些技术

四个可访问性标准(WCAG2.0):

可感知:人们可以通过适合自己的媒体来获知网页的内容。比如应当让盲人得以收听页面内容。例如,图像应该有文本对应体

可操作:人们可以与Web应用程序或内容进行交互。例如,用户应该可以不用鼠标也能与某个网站进行交互,并且可以通过屏幕阅读器进行导航。

可理解:使用者可以弄懂页面内容和用户界面。例如,正文不应该比它需要的更加复杂,且网站应以可预测的方式来运行。

健壮性:所提供的一切服务都应当不受平台或操作系统的限制。这样就可以避免人人提供一些不太完善的服务,这些服务会因为硬件/软件的限制而导致大多数人都无法使用,例如不同设备上的浏览器可以一起使用网站,且导航应该是一致的。

Web标准的优点:

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

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

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

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

四、Web标准之可访问性、可用性、可维护性

(1)可用性——产品是否容易上手。用户能否完成任务,效率如何,以及这过程中用户的主观感受可好,是从用户的角度来看产品的质量。可用性好即产品质量高,是企业的核心意识。

(2)可维护性——一般包含两个层次。一是当系统出现问题时,快速定位并解决问题的成本,成本低则可维护性好。二是代码是否容易被人理解,是否容易修改和增强功能。可维护性和可复用性,可拓展性等有交叉的地方。构建可维护性好的代码,对企业的长期发展非常重要

(3)可访问性——Web内容对于残障用户的可阅读和可理解性。同时 指南里还特别指明:提高可访问性也能让普通用户更容易理解Web内容,具体而言,要考虑以下两方面:

  • 无论用户是否残障,都通过用户代理(user agent)来访问Web内容。因此要提高可访问性,首先得考虑各种用户代理:桌面浏览器、语音浏览器、移动电话、车载个人电脑等。
  • 还得为用户考虑访问Web内容时的环境限制。如嘈杂的环境、过暗或过亮的房间、或者是免提等各种情况。这是更高层次的可访问性要求,做到了能造就产品在特定领域的核心竞争力。
posted on 2020-08-01 18:58  六耳石猴  阅读(1057)  评论(0编辑  收藏  举报