你引用 HTML5 属性吗？ [关闭]答案

【问题标题】：Do you quote HTML5 attributes? [closed]你引用 HTML5 属性吗？ [关闭]
【发布时间】：2011-09-23 15:08:09
【问题描述】：

Attribute quotes are optional in HTML5.

引用它们的优点/缺点是什么？

id=example                     <!--quotes optional-->
href=http://example.com        <!--quotes optional-->
class="example example-1"      <!--quotes required due to space-->
href="http://example.com/p=47" <!--quotes required due to '=' sign-->

更新：根据答案增加了优势：

引用所有属性的优点：

所有编辑都能妥善处理
更一致
更好的可移植性（更容易更改文档类型）
更易于维护（尤其是如果属性可能变为空）
更容易“查找和替换”更改
更简洁的文档（如果您认为引号可以提高可读性）
?

省略可选引号的优点：

文件大小略微减小
更简洁的文档（如果您喜欢最少的文本）
?

【问题讨论】：

“更干净的文档”？呃，不这么认为。
我投票支持社区维基，因为它是主观的
请参阅mathiasbynens.be/notes/unquoted-attribute-values，了解有关在 HTML 和 CSS/JavaScript 中何时需要在属性值周围使用引号的确切规则。我还发了a tool that will tell you if a given attribute value can be used without quotes or not。
您可以使用单引号（撇号）代替双引号。这使得使用许多编程语言（Java 等）更容易。
这类问题我可以推荐vote4code.com :)

标签： html performance standards

【解决方案1】：

我赞成始终使用引号。

它看起来方式更干净、更一致
所有编辑都能妥善处理
更易于维护 - 您可以编辑值而不会因为缺少引号而破坏它们。

通过在不需要的地方加上引号来节省文档大小的几个字节不值得一提（除非您是 Google 的主页）。

【讨论】：

关于可维护性的要点
甚至谷歌在他们的主页上使用引用的值;）
另外值得一提的是，即使你是 Google 的主页，缩小文件大小也是脚本的工作，而不是作者的工作。
上帝禁止找出这将在旧浏览器或移动浏览器或某些不知道您想要什么的浏览器中造成什么样的损坏。在减少 JS 复杂性或 CSS 规则方面采取一次措施会让这一切变得毫无意义。
另外值得注意的是，在创建动态 HTML 时，如果不在动态属性值周围使用引号，可能会出现 XSS 漏洞。

【解决方案2】：

我认为引用所有属性的优点之一是一致性。

如果你引用了一些（带有空格或某些符号），我觉得把它们都引用起来会更好。

【讨论】：

【解决方案3】：

我会说，因为在某些情况下需要引号，所以您应该始终如一地使用它们。这使您的代码更清晰，更易于阅读。在两者之间切换只会造成不必要的混乱。

【讨论】：

【解决方案4】：

HTML5 的设计考虑了向后兼容性，所以引用属性是可以的。许多人争辩说，由于 XHTML 需要引号，所以总是包含它们并没有什么坏处。我个人选择引用。必需的？没有。

这里有一些我认为合理的指导。 http://www.impressivewebs.com/html5-syntax-style/

【讨论】：

【解决方案5】：

我确实引用了所有属性并将继续这样做。主要是因为它在视觉上区分了属性值的开始和结束位置。

此外，出于可移植性和兼容性的原因，它才有意义。尽管引号在 HTML[5] 中是可选的，但它们在 XHTML 中是非可选的。如果您需要将文档转换为 XHTML（例如，在 Webkit 浏览器上显示 SVG），您有很多繁琐的工作要做。我们真的不需要挖掘 XHTML 与 HTML 的争论，但不引用您的属性似乎太麻烦了。

当您下载千字节和千字节的图像和 JavaScript 库时，在文档正文中节省几个字节几乎是微不足道的。

【讨论】：