当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > CSS教程:自动隐藏网页文字的技巧

HTML/XHTML教程
HTML的dl、dt、dd标记制作表格对决Table制作表
HTML网页中的URL表示方式
Web页面 自定义选择框Select
HTML网页制作教程 谨慎使用iframe标记
HTML 网页头部代码全清楚
HTML link标记的rel属性
HTML 代码编写的30条技巧
HTML5 canvas 基本语法
最容易犯的HTML标签错误写法
网页设计参考 firefox 默认样式
将XHTML+CSS页面转换为打印机页面
HTML优化加快网页速度
超链接图标规范:提升文章的可阅读性
标记语言:网页应用CSS样式
标记语言:打印样式
标记语言:CSS布局
标记语言:学完HTML后该学什么?
IE的有条件注释优点和缺点
PSD网页模版转化XHTML的一些理论知识
让XHTML与HTML兼容

HTML/XHTML教程 中的 CSS教程:自动隐藏网页文字的技巧


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-05   浏览: 154 ::
收藏到网摘: n/a

文字隐藏应用广泛,但常用的方法没有什么亲和力。常用文字隐藏方法的缺陷:

  1、display:none

  这种方法搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略;

  屏幕阅读器会忽略被隐藏的文字。

  2、visibility: hidden

  这种方法隐藏了文字却仍然占据物理空间。

  3、推荐大家使用这个更好的方法:

  overflow:hidden

  .class{

  display:block; /*统一转化为块级元素*/

  width:0;

  height:0;

  overflow:hidden;

  }

从代码似乎就可以看出更具亲和力,因为它是自动隐藏,而不是强制隐藏。