您当前的位置:图文娱乐站网页设计 → 文章内容

网页技巧:具有亲和力的CSS隐藏文字方法

作者:佚名  来源:不详  发布时间:2007-4-17 0:47:40
]

  一个新的,更加具有亲和力的CSS隐藏文字方法介绍,说明为什么现有的几种CSS隐藏文字的方法的缺陷和新的方法如何弥补。实用性一般,但是这个方法挺新颖的。

  1.display:none;的缺陷

  搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略

  屏幕阅读器(是为视觉上有障碍的人设计的读取屏幕内容的程序)会忽略被隐藏的文字。

  2. visibility: hidden ;的缺陷

  这个大家应该比较熟悉就是隐藏的内容会占据他所应该占据物理空间

  3.overflow:hidden;一个比较合理的方法
.texthidden
{
 display:block;/*统一转化为块级元素*/
 overflow: hidden;
 width: 0;
 height: 0;
}

  就像上面的一段CSS所展示的方法,将宽度和高度设定为0,然后超过部分隐藏,就会弥补上述一、二方法中的缺陷,也达到了隐藏内容的目的。

  术语:

可访问性(Accessibility)
是使残疾人更容易地使用应用程序的惯例。
1990 年的美国残疾人法案(The American Disabilities Act)
1996 年的电信法案(The Telecommunications Act)
1998 年的康复法案修正案(Rehabilitation Act Amendments)508 条款
万维网联盟(W3C)的 Web 可访问性倡议(Web Accessibility Initiative(WAI))
这些都是可访问性标准。在 Law and disabilities页面上可获得更多信息。

  屏幕阅读器(Screen Reader)

  是为视觉上有障碍的人设计的读取屏幕内容的程序。

  可用性(Usability)

  使每个人都更容易地使用应用程序的惯例。可访问性是可用性中的一类。

  Web 浏览器(Web Browser)
  
  可以显示 Web 页面的任何程序。大多数 Web 浏览器可以显示 HTML 页面,但有些(诸如移动电话中的浏览器)可能只显示诸如 WML 或 cHTML 那样的其它类型的页面。

Tags:CSS  隐藏文字  网页设计
责任编辑:阿婷
论坛】 【 】 【打印
  • 上一篇文章:网页背景设计全攻略
  • 下一篇文章:用FrongPage设计网页花样
  • 文章评论 (评论内容只代表网友观点,与本站立场无关!)

    用户名: 查看更多评论

    分 值:100分 85分 70分 55分 40分 25分 10分 0分

    内 容:

             (注“”为必填内容。)