如何在 HTML 中的 img 元素内的 alt 属性中使用转义字符？

Question

这是在 alt 属性中为 img 元素的替代文本使用转义字符的正确方法吗？

我有以下代码：

<h3>Option 1</h3>
<img src="image.jpg" 
     alt='Version of "Whistler\'s Mother" in cubist style'>

<br><br>

<h3>Option 2</h3>
<img src="image.jpg" 
     alt="Version of \"Whistler's Mother\" in cubist style">

以上两个选项中的任何一个都不能作为替代文本正常工作。我想显示的替代文字是：

Version of "Whistler's Mother" in cubist style

Answer 1

不，请改用 HTML entity。例如。 ' 或 ":

<h3>Option 1</h3>
<img src="image.jpg" 
     alt='Version of "Whistler&apos;s Mother" in cubist style'>

<br><br>

<h3>Option 2</h3>
<img src="image.jpg" 
     alt="Version of &quot;Whistler's Mother&quot; in cubist style">

如何在 HTML 中的 img 元素内的 alt 属性中使用转义字符？

How to use escape characters in an alt attribute inside an img element in HTML?

html

text

image

html-escape-characters

alt