你有没有遇到过这种情况：项目做到一半，打开文件夹一看，一堆叫index.html、page1.html、new_index.html的文件，自己都分不清哪个是哪个。别笑，很多新手甚至老手都会犯这种低级错误。其实，一个清晰的HTML页面命名规范，能帮你省下大量翻找和沟通的时间。
为什么命名这么重要？
想象一下，你把家里的衣服全堆在一个柜子里，没有分内衣、外套、裤子，每次出门都得翻半天。代码命名也是一样道理。团队协作时，别人看到你的文件名，应该立刻明白这个页面是干啥的。比如 user_profile.html 比 page3.html 可读性强太多了。
基本命名原则
小写字母是硬性要求。虽然Windows系统不区分大小写，但Linux服务器是区分的。test.html 和 Test.html 在某些环境下会被当成两个文件，一上线就404。所以统一用小写，避免意外。
用英文单词，别混中文。像 "首页.html" 看着直观，但容易引发编码问题，URL里还会变成一串%符号，难看又难调试。
单词之间用连字符 - 分隔，而不是下划线或驼峰。search-result.html 比 search_result.html 或 searchResult.html 更符合Web惯例，搜索引擎也更喜欢。
常见页面怎么命好？
首页一般就叫 index.html，这是约定俗成的。别搞什么 home.html 或 default.html，服务器默认识别的就是 index。
关于我们这类静态页，直接 about.html、contact.html、faq.html 就行。别整成 about_us_new.html 这种带情绪的命名，没人关心你是不是新的。
用户相关页面可以用前缀统一管理：user-profile.html、user-settings.html、user-orders.html。这样文件一排序，全归在一起，找起来方便。
别再这样命名了
像 v2.html、final_version.html、backup-copy.html 这种命名，说白了就是懒。版本控制交给Git，别靠文件名来记。你留着这些“备份”，最后只会让项目越来越乱。
还有人喜欢在文件名加日期，比如 news-2024-04-05.html。除非你是做新闻归档，否则没必要。内容更新了怎么办？删了重写？不如用数据库动态生成。
举个实际例子
假设你在做一个电商网站，合理的命名应该是：
index.html
product-list.html
product-detail.html
shopping-cart.html
checkout.html
order-confirmation.html
user-login.html
user-register.html结构清晰，谁来看都懂。换作是你接手别人的项目，看到这一串文件名，是不是马上就能理出网站结构？
命名不是小事。它反映的是你对项目的掌控力。花几分钟定个好名字，后期能省几小时的排查时间。别等到项目大了才后悔当初图省事乱命名。