内联样式不带引号

Question

例如,我有这个小提琴.您可以清楚地看到我错过了内联样式的引号,但它确实显示正确.从我学到的任何地方,他们从未说过不允许使用引号.那么,是这样的:

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

参考代码:

的index.html

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

stylesheet.css中

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

谢谢.

Answer 1

对于HTML属性行情被认为是可选的(对于HTML,XHTML没有),但也有一些情况下,你可能会遇到一些问题.

例如

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

由于'Hi'和'mom!'之间的空格,这是无效的.引用将声明组合在一起.

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

相对值在所有现代浏览器包括IE 9和10 IE 6,7视为"A和B",和8看到的值为"a".

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