试图理解网页上的大小写约定

试图理解网页上的大小写约定

💡 原文英文,约500词,阅读约需2分钟。
📝

内容提要

本文讨论了网页平台属性命名的大小写规则:HTML属性名通常为小写,属性值使用kebab-case,而JavaScript函数采用camelCase。尽管HTML属性名不区分大小写,但命名习惯和扩展性影响了属性命名。新API遵循小写、kebab-case和camelCase规则。

🎯

关键要点

  • HTML属性名通常为小写,属性值使用kebab-case,JavaScript函数采用camelCase。
  • HTML属性名不区分大小写,浏览器在解析时会将其规范化为小写。
  • 相关的popover属性遵循相同的命名约定,例如popovertarget和popovertargetaction。
  • 一些属性名包含连字符,如aria-label和data-value,这些是为了扩展性而命名的。
  • 命名没有固定规则,主要依赖于约定和具体情况的决定。
  • 新API的默认命名规则是:HTML属性名小写,HTML属性值使用kebab-case,JavaScript对应函数使用camelCase。

延伸问答

HTML属性名的大小写规则是什么?

HTML属性名通常为小写,浏览器在解析时会将其规范化为小写。

什么是kebab-case?

kebab-case是一种命名约定,通常用于HTML属性值,使用连字符连接单词,例如show-popover。

JavaScript函数的命名规则是什么?

JavaScript函数通常采用camelCase命名规则,例如showPopover。

为什么某些HTML属性名包含连字符?

某些HTML属性名包含连字符是为了扩展性,这些属性通常属于同一命名空间,例如aria-*和data-*。

新API的默认命名规则是什么?

新API的默认命名规则是HTML属性名小写,属性值使用kebab-case,JavaScript函数使用camelCase。

HTML属性名是否区分大小写?

HTML属性名不区分大小写,浏览器会将其规范化为小写。

➡️

继续阅读