html - 为什么使用显示 :hidden for text in HTML? 被认为是不好的做法

标签 html css image hidden indentation

我最近看到这个教程,它使用 CSS 背景图像来显示网页的 Logo ,而不是使用 HTML 标记。在包含 Logo 的 div 中有一个占位符文本,为了使该文本消失,作者使用 text-indent:-9999px 而不是 display:hidden 因为他说使用后者是不好的做法。

那么,为什么它被认为是不好的做法?

最佳答案

因为有时屏幕阅读器和搜索引擎会忽略带有 display:nonevisibility:hidden 的元素,但不会忽略那些出于 SEO 和/或语音目的而位于屏幕外的元素。然而,这两种方法是否是“不良做法”并不是真正的行业共识,更多的是一种偏好,这取决于作者对这些工具的真正了解以及他们对网站的目标。

另请记住,建议至少已有 5 年历史,而且情况会随着时间而变化,因此当时的“最佳实践”不会自动成为现在的最佳实践。

因此,弄清楚您想要实现的目标,然后考虑您的选择,这在我看来是“最佳实践”。

关于html - 为什么使用显示 :hidden for text in HTML? 被认为是不好的做法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18952248/

相关文章:

python - 使用opencv捕获单张图片

html - 在浏览器中设置自动完成下拉菜单的样式

javascript - 根据单选按钮的选择显示 HTML 表单

javascript - JQuery:比较两个多行字符串,一个从 HTML 中提取 - 不起作用?

javascript - 在 Firefox 中单击按钮的伪元素不会触发单击

html - CSS - 媒体查询 - 元素未正确堆叠/ float

javascript - 无法使用 facebook API 加载好友图像

image - 计算图像中每行的像素数

java - 如何解析 CDATA 部分中带有 HTML 标签的 XML 文件?

javascript - 垂直动画 JavaScript