html属性和值之间的空格？

Posted 2023-02-24

【中文标题】html属性和值之间的空格？

【英文标题】：Spaces between html attributes and values?

【发布时间】：2011-10-27 04:54:52

【问题描述】：

他们被允许吗？它们是否适用于所有浏览器？

例子：

<div role = "region"
     id = "some-id"
     class = "a-class another-class">

【问题讨论】：

role ins 无效，其余验证

@jackJoe - role 在 html5 中有效。见dev.w3.org/html5/spec/content-models.html#wai-aria和w3.org/TR/wai-aria/roles#region

从第一个 HTML 版本开始就允许这些。

【参考方案1】：

是的，任何数量的空格都是允许的，并且适用于所有浏览器。

一个考虑因素 - 这会增加页面大小，因此如果考虑带宽和性能，请尝试限制您使用的空白数量。

【讨论】：

在属性值之后是否允许 zero-width 引用属性？ - 参考：***.com/q/23887069/367456

不确定。我希望他们应该是。

如果您要询问是否有 no 空格，那么.. 没有。这是不被接受的。在这种情况下，“任何数量”实际上意味着“一个或多个字符”。您链接的帖子的已接受答案中也提到了这一点。

【参考方案2】：

是的，它是完全有效的标记。所有浏览器都能很好地处理空白。

如果您有任何困惑，您可以在官方 W3 验证服务验证您的代码：

http://validator.w3.org/

【参考方案3】：

是的，它们适用于所有主流浏览器，尽管我认为包含不必要的空白应该被视为不好的做法，因为它会毫无意义地增加文档的大小。

HTML、XHTML、XML 和其他都是SGML 的变体，所以如果您想知道一般允许/不允许什么，请查看该规范。您应该始终通过W3C markup validators 传递您的所有文件，以确保它们有效。

【讨论】：

好点。意识到我可以通过压缩这个 HTML 来节省 20%。谢谢！

我认为可读性的好处可以抵消成本，尤其是在您使用压缩器的情况下。在使用模板预处理器时尤其如此，其中较大的属性值会使标记不可读。