内联样式无需引号即可工作

例如，我有这把小提琴 http://jsfiddle.net/qeBZk/。您可以清楚地看到我缺少内联样式中的引号，但它仍然正确显示。据我所知，他们从来没有说过不使用引号是允许的。那么，是这样的：

• jsFiddle 中的一个错误
• 一个预期的功能。如果是这样，那么为什么我们被教导使用引号。
• （你可能会建议的东西）

参考代码：

索引.html

<div style=background-color:red></div>This styling is weird

样式表.css

div{ height:500px ; width:500px }

Thanks.

HTML 属性的引号被认为是可选的（对于 HTML，而不是 XHTML），但是在某些情况下您可能会遇到一些问题。

e.g.

<a title=Hi, mom! href=#>

这是无效的，因为“嗨”和“妈妈！”之间有空格。引号将语句组合在一起。

<div rel=a&b></div>

在所有现代浏览器（包括 IE 9 和 10）中，Rel 值被视为“a&b”。IE 6、7 和 8 将该值视为“a”。

更多示例可以在这里找到：http://css-tricks.com/problems-with-unquoted-attributes/ http://css-tricks.com/problems-with-unquoted-attributes/