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

Question

Is this the right way to use escape characters in alt attributes for alt text of an img element?

I have the below code:

<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">

Either of the two options above do not work properly as the alt text. The alt text that I wanted to display is:

Version of "Whistler's Mother" in cubist style

Does this answer your question? How can I escape a single quote? — WOUNDEDStevenJones
– WOUNDEDStevenJones, Commented Jan 26, 2022 at 16:33

j08691 · Accepted Answer · 2022-01-26 16:33:01Z

3

No, use the HTML entity instead. E.g. ' or ":

<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">

answered Jan 26, 2022 at 16:33

j08691

208k33 gold badges269 silver badges281 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

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

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related