visual studio 2013

Question

我有这行HTML

<input id="checkVSC" type="checkbox" checked data-toggle="toggle" name="checkVSC" 
data-onstyle="info" data-offstyle="default" data-size="small" 
data-on="<i class='icon icon-checkmark'></i> VSC" 
data-off="<i class='icon icon-line-plus'></i> VSC">

对于数据 - 它给了我一条绿色波浪线说："If the attribute value is enclosed in quotations marks, the quotation marks must match"

这不是一个主要项目，但是当我执行Ctrl-K Ctrl-D重新格式化代码行以使它们整洁漂亮时，它会向data-on属性添加">"。

<input id="checkVSC" type="checkbox" checked data-toggle="toggle" name="checkVSC" 
data-onstyle="info" data-offstyle="default" data-size="small" 
**data-on="><i class='icon icon-checkmark'></i> VSC"** 
data-off="<i class='icon icon-line-plus'></i> VSC">

任何人都知道这里发生了什么以及为什么要做它正在做的事情？

Answer 1

VS因为您的HTML无效而被愚弄。

属性字符串应该被转义：

data-on="<i class='icon icon-checkmark'></i> VSC" 
data-off="<i class='icon icon-line-plus'></i> VSC">

为了避免将来出现这种情况您可以尝试：

• enable HTML validation
• 尝试任何在线验证器

其他一些IDE和文本编辑器也提供自动验证甚至自动转义功能。