单引号中的双引号

Question

我需要将json放在html属性中，如下所示：

<video id="video1" 
class="video-js vjs-default-skin" 
width="640" height="480" 
data-setup='{"controls" : true, "autoplay" : false, "preload" : "auto"}'>

Hamlet不了解html单引号字符串，它会产生错误消息：

意外的“：”期望“>”

将文字json添加到字符串中的html属性的推荐做法是什么？

Answer 1

使用"转义html中的引号"

<video id="video1" 
class="video-js vjs-default-skin" 
width="640" height="480" 
data-setup='{ &quot;controls&quot;:true,&quot;autoplay&quot;:false,&quot;preload&quot;: &quot;auto&quot;}'>

Answer 2

HTML规则使用的属性语法正确，而JSON语法使用属性值正确，因此，如果某些软件无法对其进行处理，请检查其文档以了解适用的限制和/或提交错误报告。

如果问题确实是当属性值为单引号时软件无法处理HTML属性规范，请在其周围使用双引号，并在其中使用相应的单引号：

data-setup="{'controls' : true, 'autoplay' : false, 'preload' : 'auto'}"