当前位置:首页 > 设计在线 > 网页设计 > CSS/Xhtml > html中有亲和力的文字隐藏方法

html中有亲和力的文字隐藏方法

点击次数:51 次 发布日期:2008-11-21 16:02:29 作者:源代码网
源代码网推荐

源代码网整理以下1.display:none;的缺陷

源代码网整理以下* 搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略,来自SEO Mistakes: Unwise comments

源代码网整理以下* 屏幕阅读器(是为视觉上有障碍的人设计的读取屏幕内容的程序)会忽略被隐藏的文字。

源代码网整理以下2. visibility: hidden ;的缺陷

源代码网整理以下这个大家应该比较熟悉就是隐藏的内容会占据他所应该占据物理空间

源代码网整理以下3.overflow:hidden;一个比较合理的方法

源代码网整理以下程序代码

源代码网整理以下

以下为引用的内容:

源代码网整理以下.texthidden

源代码网整理以下{
display:block;/*统一转化为块级元素*/
overflow: hidden;
width: 0;
height: 0;
}

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

源代码网供稿.
网友评论 (0)
会员中心
设计在线
本站推荐
设计在线之精华