html - 替代文字换行

Question

我能否在图像的替代文本中使用某种换行符，同时仍遵守 XHTML 1.0 Strict 标准？

像这样的……

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

我问是因为我想在我的网站上发布以下屏幕截图，但出于 SEO 原因和视障人士的考虑，我想在替代文本中包含纯文本版本。

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

Answer 1

只需使用普通的换行符即可。

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

Stack Overflow 在他们的标题中这样做 :)

然后添加这个 CSS:

img{white-space:pre}

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