SVG——新一代Web设计及互动媒体的革新

蓝骑士SVG教程:SVG后续工作 - 第二课 SVG简易性和可获取性

文章索引
蓝骑士SVG教程:SVG后续工作
第一课 SVG国际标准化
第二课 SVG简易性和可获取性
第三课 优化SVG图像
第四课 关于自安装的SVG浏览器
第五课 SVG后续工作
第六课 关注SVG未来
所有页面
  当前的网页大部分注重内容,而达不到视觉的简易性.所以,制作更可视化的网页成为首要关心的问题.SVG技术可以提供优良的工具通过图片的形式更好的把内容展现给浏览者.

   事实上,SVG图像可以不借助第三方的放大控件而直接对图像进行放大.SVG图像天生的就较其他格式的图像更简易和可获取,因为它是用文本书写的XML 文档,而不是像素点阵.(title)和(desc)标签可以用来描述关于SVG图像的整体文本信息(就像在"San Jose"城市地图中描述的),并提供图像中的物件的相关信息.SVG规范包括了对SVG生成器的一致性要求,这也使SVG图像制作更简易和可获得.

  下面的例子展示了使用(desc)标签来提供相关的参考信息.仅仅在屏幕上,浏览者就可以在SVG图像中获取关键的信息,而用其他格式制作的图像,这样的信息很有可能就被丢失了.

  作为一个SVG图像简易性的演示,请用鼠标点击下面的图像,然后按下键盘"T"键,再按下"D"键,我们可以在下面的文本框中看到图像"title"的相关信息.详细请查看SVG源文件,标签是如何保留图像信息的.



   SVG支持CSS2,这表明用户可以设计个性化的样式表,显示一些独特的特性.简便产生可获取的图像的指导方针可以让用户以定义的样式表来显示图像.例 如,纯红和纯绿可以以用户自定义的更柔和的色彩来显示,或者较细的线条可以被较粗的线条代替显示.尽管目前SVG的某些方面还不是很完善,但很好支持样式 表确实一条正确的发展道路.

  这些特征也能被用于发展一些低层的媒体类型,例如PDA和其他的移动或无线装置.SVG图像可以保证 相当的品质.一幅全彩的矢量化的交互动态SVG图像不仅能用于桌面系统,也可以适用于很多的无线装置.这里的关键就是SVG采用的是XML数据和样式表. 另一方面,一幅全彩的矢量化的交互动态SVG图像所包含的有用内容和一幅压缩的,16色的SVG图像所包含的有用内容是一样的.

 

将要更新