title: How to use escape characters in an alt attribute inside an img element in HTML?
body: <p>Is this the right way to use escape characters in <code>alt</code> attributes for alt text of an <code>img</code> element?</p>
  <p>I have the below code:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;h3&gt;Option 1&lt;/h3&gt;
  &lt;img src="image.jpg" 
       alt='Version of "Whistler\'s Mother" in cubist style'&gt;
  
  &lt;br&gt;&lt;br&gt;
  
  &lt;h3&gt;Option 2&lt;/h3&gt;
  &lt;img src="image.jpg" 
       alt="Version of \"Whistler's Mother\" in cubist style"&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>Either of the two options above do not work properly as the alt text. The alt text that I wanted to display is:</p>
  <p><code>Version of &quot;Whistler's Mother&quot; in cubist style</code></p>