具有亲和力的文字隐藏方法

日期：2013-12-16  来源：攀枝花惠康网络公司

延长阅读：

一个新的，加倍具有亲和力的CSS潜匿文字体例介绍，来自sonspring.com，声名为什么现有的几种CSS潜匿文字的体例的缺陷和新的体例若何填补。适用性一般，可是这个体例挺新奇的。

1.display:none;的缺陷

• 搜索引擎可能认为被潜匿的文字属于垃圾信息而被忽略，来自seo Mistakes: Unwise comments
• 屏幕阅读器（是为视觉上有障碍的人设计的篡夺屏幕内容的轨范）会忽略被潜匿的文字。

使每小我都更轻易地使用应用轨范的通例。可访谒性是可用性中的一类。

2. visibility: hidden ;的缺陷
这个巨匠应该斗劲熟悉就是潜匿的内容会占有他所应该占有物理空间

1990 年的美国残疾人法案（The American Disabilities Act）

3.overflow:hidden;一个斗劲合理的体例

1234567 .texthidden { display:block;/*统一转化为块级元素*/ overflow: hidden; width: 0; height: 0; }

就像膳缦沔的一段CSS所展示的体例，将宽度和高度设定为0，然后跨越部门潜匿，就会填补上述一、二体例中的缺陷，也达到了潜匿内容的目的。

术语：
可访谒性（Accessibility）
是使残疾人更轻易地使用应用轨范的通例。
1996 年的电信法案（The Telecommunications Act）
1998 年的康复法案批改案（Rehabilitation Act Amendments）508 条目
万维网联盟（W3C）的 Web 可访谒性倡议（Web Accessibility Initiative(WAI)）
是为视觉上有障碍的人设计的篡夺屏幕内容的轨范。

这些都是可访谒性尺度。在 Law and disabilities页面上可获得更多信息。

屏幕阅读器（Screen Reader）

可用性（Usability）
Google, seo and using CSS to hide text

Web 浏览器（Web Browser）
可以显示 Web 页面的任何轨范。年夜年夜都 Web 浏览器可以显示 HTML 页面，但有些（诸如移动电话中的浏览器）可能只显示诸如 WML 或 cHTML 那样的其它类型的页面。