html - alt属性中的文字会出现的原因

Question

我尝试使用文本浏览器打开 HTML 页面。是的，img标签的alt属性的值出现了。然后我没有放置 alt 属性而是使用 CSS:

.headerImg:after, .headerImg::after
        { 
            content:" (the alternative)"; 
        }

我希望文本出现在最新的浏览器中。如何？除了放置在不同的路径之外，图像无法显示的原因是什么？

Answer 1

文本浏览器通常不支持 CSS。他们可以实现 CSS 的某些部分，尤其是关于文本样式的部分，但是大多数 CSS 东西在纯文本渲染中没有多大意义，所以他们没有费心。 (要了解这一点，请使用一些非常简单的 CSS 代码进行测试，这些代码通常在图形浏览器中得到很好的支持，并且也可以在文本浏览器中实现，例如 text-transform: uppercase。

alt 属性应该在图像未显示的情况下指定图像的替代文本。这种情况通常涉及忽略 CSS 的浏览器(例如，文本浏览器、听觉浏览器)或覆盖作者的大部分 CSS 代码(例如，具有非常特定设置的图形浏览器可以帮助具有某种特定类型视觉障碍的视觉对象)。因此，尝试使用 CSS 代替 alt 意义不大。