你引用HTML5属性吗?

时间:2011-06-27 15:35:12

标签: html html5 performance standards

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)
  • 更容易维护(特别是如果属性可能变空)
  • 更容易“查找和替换”更改
  • 清洁文档(如果您认为引号可提高可读性)

省略可选引号的优点:

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

5 个答案:

答案 0 :(得分:63)

我赞成总是使用引号。

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

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

  • 维护起来比较容易 - 您可以编辑值而不会破坏它们,因为缺少引号。

通过在不需要的地方删除引号,您在文档大小中保存的几个字节不值得一提(除非您可能是Google的主页)。

答案 1 :(得分:14)

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

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

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

答案 2 :(得分:7)

我认为引用所有属性的一个好处是一致性。

如果你引用一些(带空格或某些符号),我引用它们会更好。

答案 3 :(得分:7)

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

答案 4 :(得分:3)

HTML5的设计考虑了向后兼容性,因此引用属性是可以的。许多人认为,由于XHTML需要引用,所以总是包含它们并不会有什么坏处。我个人选择引用。需要?否。

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