web前端基础：常用网页元素命名规范

最新推荐文章于 2025-04-30 20:38:02 发布

原创

最新推荐文章于 2025-04-30 20:38:02 发布 · 995 阅读

本文介绍了网页元素命名的重要性及常用的命名规范，包括id使用camelCase，如studentName和fontColor，而class常采用短横线分隔的小写单词，如ui-widget-header和content-right。还列出了一些常见的网页元素名称，如header、footer、nav、content等，以提高团队沟通和后期维护效率。

网页元素名称的规范性有助于团队内部成员的沟通，同时还能够提高后期的维护性，网页元素的命名主要是针对id和class进行的，针对网页元素的命名没有业界标准，但有一些大家公认的规则。

一般情况下id我们通常采用camelCase命名规则（首字母小写，其它单词首字母大写），比如：studentName和fontColor等。针对Class的命名，我们不难发现，很多开源框架都使用短横线分割小写单词，比如：ui-widget-header和content-right，除了遵守这样的规则外，一个有意义的名称也是非常重要的，下面列举一些常用的网页命名词汇，零度建议，仅供参考。