带/不带引号的 HTML 属性

Question

下面的代码块有区别吗？

<iframe src="http://example.com" width=100%></iframe>

<iframe src=http://example.com width="100%"></iframe>

两种方法我都试过了，两种方法似乎都有效，但我想问一下，以防万一我需要注意什么？

Answer 1

除

外没有实际区别

1. 如果您验证您的页面，引号可能会也可能不会需要避免错误消息，具体取决于所使用的文档类型
2. 如果您将具有 XML 内容类型的页面提供给浏览器(这很少见且很少有用)，则需要引号 - 否则该页面根本不显示，只是一条错误消息
3. 如果使用 XML 工具对页面进行了其他处理，则引号是必需的。

否则，仅当属性值包含空格、换行符、Ascii 引号 (")、Ascii 撇号 (')、重音符号 (`)、等号 ( =)、小于号 (<) 或大于号 (>)。因此 style = width:20em 可以工作(尽管它可能看起来有些晦涩)，而 style = width: 20em 不会——由于空间原因，您需要编写 style = "width: 20em"。

为简单起见，许多人总是在所有属性值周围加上引号。其他人认为引号使代码有点困惑，因此尽可能省略。

完全独立于此，src="www.example.com" 表示相对 URL 引用，而不是人们期望的意思。您的意思可能是 src="http://www.example.com"。