您当前的位置: 首页 > 前端教程 > HTML教程 > html中有亲和力的文字隐藏方法

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

作者:guanchaofeng 来源:本站整理 发布时间: 2009-07-24 21:52 点击:
1.display:none;的缺陷 *搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略,来自SEOMistakes:Unwisecomments *屏幕阅读器(是为视觉上有障碍的人设计的读取屏幕内容的程序)会忽略被隐藏的文字。 2.visibility:hidden;的缺陷 这个大家应该比较熟悉就是隐藏

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

  1.display:none;的缺陷
  
  *搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略,来自SEOMistakes:Unwisecomments
  
  *屏幕阅读器(是为视觉上有障碍的人设计的读取屏幕内容的程序)会忽略被隐藏的文字。
  
  2.visibility:hidden;的缺陷
  
  这个大家应该比较熟悉就是隐藏的内容会占据他所应该占据物理空间
  
  3.overflow:hidden;一个比较合理的方法
  
  程序代码
  
  .texthidden
  
  {
  display:block;/*统一转化为块级元素*/
  overflow:hidden;
  width:0;
  height:0;
  }
  
  就像上面的一段CSS所展示的方法,将宽度和高度设定为0,然后超过部分隐藏,就会弥补上述一、二方法中的缺陷,也达到了隐藏内容的目的 .

分享到:
本文"html中有亲和力的文字隐藏方法"由远航站长收集整理而来,仅供大家学习与参考使用。更多网站制作教程尽在远航站长站。
顶一下
(0)
0%
踩一下
(0)
0%
[点击 次] [返回上一页] [打印]
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
关于本站 - 联系我们 - 网站声明 - 友情连接- 网站地图 - 站点地图 - 返回顶部
Copyright © 2007-2013 www.yhzhan.com(远航站长). All Rights Reserved .
远航站长:为中小站长提供最佳的学习与交流平台,提供网页制作与网站编程等各类网站制作教程.
官方QQ:445490277 网站群:26680406 网站备案号:豫ICP备07500620号-4