html - 单引号中的双引号

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