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

一个新的，更加具有亲和力的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 那样的其它类型的页面。

关键词：

【推荐给好友】【关闭】

最新五条评论

查看全部评论

评论总数 0 条

您的评论

用户名： （新注册） 密　码： 匿名：

·用户发表意见仅代表其个人意见，并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯，提倡就事论事，杜绝漫骂和人身攻击等不文明行为

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有