Html alt文本中的换行符

Html alt文本中的换行符,html,xhtml,Html,Xhtml,在仍然遵循XHTML1.0严格标准的情况下,是否可以在图像的alt文本中使用某种换行符 像这样的 <img src="foo.jpg" alt="Line 1\nLine 2" /> 我这样问是因为我想在我的网站上发布以下截图,但出于SEO原因和视力受损的原因,我想在alt文本中包含纯文本版本 与纯文本版本相比,我更喜欢屏幕截图,因为它看起来更具视觉吸引力。只需使用普通换行符即可 <img src="foo.jpg" alt="Line 1 Line 2" />

在仍然遵循XHTML1.0严格标准的情况下,是否可以在图像的alt文本中使用某种换行符

像这样的

<img src="foo.jpg" alt="Line 1\nLine 2" />

我这样问是因为我想在我的网站上发布以下截图,但出于SEO原因和视力受损的原因,我想在alt文本中包含纯文本版本


与纯文本版本相比,我更喜欢屏幕截图,因为它看起来更具视觉吸引力。

只需使用普通换行符即可

<img src="foo.jpg" alt="Line 1
Line 2" />

演示:

我想你可能太努力了。
alt文本应该是图像的替代品,而不是图像的某种文字表示

正确标记等等,这将是一个无序的列表和子列表,屏幕阅读器将从HTML元素的嵌套中获取关系信息。用一些换行符来获得粗略的视觉近似值,这几乎是两码事,例如,你打算如何向屏幕阅读器“显示”第一个换行符后的块在错误的“内部”?
我怀疑搜索引擎除了丢弃换行符之外,是否还会对alt文本中的换行符进行任何处理。(无可否认,这是推测。)

实际上,您所追求的是以某种方式包含图像中的嵌套/关系信息,而不是文本。从“来自[app]的通知截图”开始,显示两个错误[detail here if you want]和两个信息项[detail]”等等


或者你可以变得非常迂腐,用HTML创建列表,然后使用图像替换技术插入图像。

@Murch的答案是我不知道的。 但是,在整个应用程序中,将空白区全部拆分为BRs会增加开销

作为最简单的解决方案,您只需提供

img.class { overflow:hidden }

快点把它弄干净

更好的方法是添加换行符或回车符的HTML字符代码

 line feed is &#10
 carriage return &#13

CSS仅在您希望alt显示换行符的情况下才需要,以防找不到图像。这似乎违反了XHTML 1.0严格标准。嗯,我在验证器中进行了测试,得到了“此文档已成功检查为XHTML 1.0严格!”IE或IE Mobile、iOS Safari 7.0之后不支持空格属性,或者安卓超过4。4@Pieter:请提供任何支持您上述观点的参考(…违反了XHTML 1.0严格标准)?我似乎在任何地方都找不到。我在图像替换上找到了这个。。。图像替换似乎是静态网站的一个很好的解决方案,但我使用WordPress CMS。有没有办法让这个过程自动化一点?因为每次使用这种技术都要编辑样式表是不现实的。如果“一个数字字符引用扩展为回车符”,将给您一个错误。这不是非常交叉兼容。在我的任何浏览器中都无法运行此功能。
 line feed is &#10
 carriage return &#13