分流资讯 资讯 设计栏目 查看内容

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

2018-2-27 19:57| 发布者: admin| 查看: 135| 评论: 0

摘要: 1.display:none;的缺陷   * 搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略,来自SEO Mistakes: Unwise comments   * 屏幕阅读器(是为视觉上有障碍的人设计的读取屏幕内容的程序)会忽略被隐藏的文字。   ...



1.display:none;的缺陷

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

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

  2. visibility: hidden ;的缺陷

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

  3.overflow:hidden;一个比较合理的方法

  程序代码

  .texthidden

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

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


鲜花

握手

雷人

路过

鸡蛋
关闭

站长推荐上一条 /1 下一条

用心服务支付行业
13049888977
周一至周天 9:00-18:00
意见反馈:fenliu@139.com

扫一扫关注我们

广告咨询微信/QQ:9138260 论坛官方QQ群1:476596722、QQ群2:627759483

Powered by 分流技术论坛 X3.2© 2001-2017 Comsenz Inc.( 鄂ICP08006311