教程集 www.jiaochengji.com
教程集 >  CSS教程  >  正文 网页技巧:具有亲和力的CSS隐藏文字方法

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

发布时间:2019-11-07   编辑:jiaochengji.com
教程集为您提供网页技巧:具有亲和力的CSS隐藏文字方法等资源,欢迎您收藏本站,我们将为您提供最新的网页技巧:具有亲和力的CSS隐藏文字方法资源

一个新的,更加具有亲和力的CSS隐藏文字方法介绍,说明为什么现有的几种CSS隐藏文字的方法的缺陷和新的方法如何弥补。实用性一般,但是这个方法挺新颖的。
1.display:none;的缺陷
搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略
屏幕阅读器(是为视觉上有障碍的人设计的读取屏幕内容的程序)会忽略被隐藏的文字。2. visibility: hidden ;的缺陷
这个大家应该比较熟悉就是隐藏的内容会占据他所应该占据物理空间
3.overflow:hidden;一个比较合理的方法

<table width="620" align="center" border="0" cellpadding="1" cellspacing="1" style="background:#FB7"> <tr> <td width="464" height="27" bgcolor="#FFE7CE"> 代码如下</td> <td width="109" align="center" bgcolor="#FFE7CE" style="cursor:pointer;" onclick="doCopy('copy5577')">复制代码</td> </tr> <tr> <td height="auto" colspan="2" valign="top" bgcolor="#FFFFFF" style="padding:10px;" class="copyclass" id=copy5577>.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 那样的其它类型的页面。

您可能感兴趣的文章:
网页技巧:具有亲和力的CSS隐藏文字方法
photoshop十个简单好用的照片处理技巧分享
常见Google排名优化SPAM技术
常见的Google排名优化SPAM技术
Ubuntu/linux 下的8款经典免费的CSS编辑器整理
网页设计小技巧:如何隐藏网页中的层DIV
div css优化方法
Google Adsense 的教程
如何获得领地seo关键字
CSS常见技巧及问题处理

[关闭]
~ ~