问alt文本中的换行符

EN

只需使用普通的换行符。

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

堆栈溢出在它们的标题中做到了这一点:)

然后添加这个CSS：

img{white-space:pre}

演示：http://jsfiddle.net/Madmartigan/S8SXP/

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

 line feed is &#10
 carriage return &#13

我觉得你可能太努力了。

alt文本被认为是图像的替代品，而不是它的某种文字表示。

如果标记正确等等，这将是一个带有子列表无序列表，屏幕阅读器将从HTML元素的嵌套中获取关系信息。用一些换行符替换它来获得大致的视觉近似值几乎不是一回事，例如。你打算如何向屏幕阅读器“显示”第一个换行符之后的块是“在”错误中的？

我怀疑搜索引擎除了丢弃它们之外，还会对alt文本中的换行符做任何事情。(诚然，这是投机性的。)

实际上，您想要的是以某种方式包含图像中的嵌套/关系信息，而不是文本。从类似“来自应用程序的通知的屏幕截图，如果你想在这里显示两个错误详细信息和两个信息项详细信息”等内容开始。

或者，您可以变得非常学究，实际上在HTML中创建列表，然后使用图像替换技术插入图像。