隐藏链接中的文本

时间:2013-08-04 16:02:36

标签: html css css3 web

关于在锚标记中隐藏文本并仅显示背景图像的问题,我有几个问题。

请注意那些用其他文章链接轰炸我的人并告诉我这是一个重复的问题:我已经浏览了这个网站和网络,并阅读了解决方案(以及解决方案,我的意思大多是黑客)人们来了起来。大多数人似乎在做什么(或者直到最近才做过)是-9999px黑客攻击。同样受欢迎的是将文本包裹在一个范围内并执行thisvisibility: hidden之类的操作。

现在,我个人认为,如果隐藏动态,那么“隐藏”文本首先只会有意义,即仅在背景图像未加载时显示(无论如何)原因)。但是,我发现的所有“解决方案”都有效地完全删除了文本,或者至少将其永久隐藏起来,因此即使未加载背景图像,文本仍然无法显示。

所以这是我的问题:

  1. 为什么人们想拥有文本然后永久隐藏它?为什么不把锚留空 - 即只是不要在其中放任何文字 - 只显示图像?为什么有文字,然后经历头脑,弄清楚如何隐藏它?那是什么意思?我在这里遗漏了什么吗?

  2. 现在我们有了CSS3,在显示背景图像时是否有实际的非hacky,动态隐藏文本的方法,并且当图像 - 无论出于何种原因 - 无法加载时显示文本?我找不到任何资源,所以我假设这不受支持,但也许你们中的一个忍者知道的更好吗?

1 个答案:

答案 0 :(得分:1)

为什么要这样做有不同的可能性:

  1. 搜索引擎扫描网页并收集视觉隐藏的内容。该网站在语义方面变得更好,并且页面排名更高。

  2. 许多有视力障碍的人依赖于屏幕阅读器读取的内容。有时alt - 标签中的文字是不够的。背景图片甚至没有这样的标签。

  3. 关于你的第二个问题: 对我来说,没有已知的方法来检查背景图像是否成功加载并且还显示(一个完全不同的故事!)。 CSS仅根据定义的规则设置内容样式。可能有一种javascript方式可以做到这一点,但在我看来这不值得花费,因为大多数这篇文章并不是真正的后备。它有如上所述的不同目的。