内联样式不带引号

Question

我有，例如，this fiddle。您可以清楚地看到我错过了内联样式的引号，但它确实显示正确。从我学到的任何地方，他们从未说过不允许使用引号。那么，是这样的：

• 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），但在某些情况下您可能会遇到一些问题。

e.g。

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

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

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

在包括IE 9和10在内的所有现代浏览器中，Rel值被视为“a＆amp; b”.IE 6,7和8将值视为“a”。

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

Answer 2

当您的属性内容包含空格等时，您可能会遇到问题。来自HTML规范（http://www.w3.org/TR/REC-html40/intro/sgmltut.html#h-3.2.2）：

  

在某些情况下，作者可以指定属性的值   没有任何引号。属性值可能只包含   字母（a-z和A-Z），数字（0-9），连字符（ASCII十进制45），   句点（ASCII十进制46），下划线（ASCII十进制95）和冒号   （ASCII十进制58）。我们建议使用引号，即使它是   可以消除它们。

Answer 3

根据HTML规范，您可以使用简单的引号，双引号或简单地省略引号。

在XHTML中，必须始终引用属性值。

更多信息：

1. HTML4
2. HTML5
3. XHTML