引用 HTML 属性值

【问题标题】：quoting HTML attribute values引用 HTML 属性值
【发布时间】：2010-05-22 10:25:40
【问题描述】：

我知道the spec allows both ' 和 " 作为属性值的分隔符，我也知道always quote 是一个好习惯。

但我认为 " 是一种更简洁的方式，也许只是我在 C 和 C++ 语法中长大。

引用属性值的最简洁方式是什么？为什么？请不要主观回答。

【问题讨论】：

【解决方案1】：

两者都可以，但双引号更好（恕我直言），因为您可以降低动态值导致错误的风险。例如

<input value='${lastName}'/>

<input value='O'Graddy'/>
                ^^^^^^^

对比

<input value="${lastName}"/>

<input value="O'Graddy"/>

【讨论】：

【解决方案2】：

如果你想省略属性值的引号，有很多规则需要记住。一致地使用引号可能是最简单的；它避免了各种问题。

如果你有兴趣，我前段时间对 HTML、CSS 和 JavaScript 中的不带引号的属性值进行了一些研究，并在这里写了一篇：http://mathiasbynens.be/notes/unquoted-attribute-values

我还创建了一个工具，可以告诉您输入的值是否是有效的未引用属性值：http://mothereffingunquotedattributes.com/#foo%7Cbar

【讨论】：

【解决方案3】：

哪一个都好，只要你用。 " 更受欢迎。

【讨论】：