你引用HTML5属性吗？

Question

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-->

更新:根据答案添加优势:

引用所有属性的优点:

• 所有编辑都可以妥善处理
• 更一致
• 更好的可移植性(更容易更改doctype)
• 更容易维护(特别是如果属性可能变空)
• 更容易"找到并替换"更改
• 更清洁的文档(如果你认为引用提高了可读性)
• ？

省略可选引号的优点:

• 文件大小略有减少
• 清洁文档(如果您喜欢最小文本)
• ？

Answer 1

我赞成总是使用引号.

• 它看起来方式更清洁和更一致的

• 所有编辑都可以正确处理

• 它更容易维护 - 您可以编辑值而不会破坏它们,因为缺少引号.

通过在不需要的地方删除引号来节省文档大小的几个字节是不值得一提的(除非你可能是谷歌的主页).

Answer 2

我引用所有属性并将继续这样做.主要是因为它在视觉上区分属性值的开始和停止位置.

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

当您下载千字节和千字节的图像和JavaScript库时,在文档正文中保存几个字节几乎无关紧要.

Answer 3

我认为引用所有属性的一个优点是一致性.

如果你引用一些(带空格或某些符号),引用所有这些符号对我来说感觉更好.

Answer 4

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