如何在URL中实现页面嵌套？HTML+CSS+.htaccess场景

你要搜的核心技术关键词是 Apache mod_rewrite 静态路径重写，完全基于你已有的.htaccess配置就能实现，不需要额外前端框架。

步骤1：调整本地文件结构 #

先把作品页面按URL层级整理到对应文件夹：

• 在根目录新建work文件夹
• 把每个作品的HTML文件（比如medirect.html）放到work文件夹里，物理路径变为/work/medirect.html

步骤2：修改.htaccess规则 #

替换或补充你现有的.htaccess内容，确保支持多级目录的HTML后缀移除：

RewriteEngine On

# 跳过已存在的文件和目录（避免重写真实存在的资源比如CSS、图片）
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d

# 把所有非文件/目录的请求映射到对应的HTML文件（支持多级路径）
RewriteRule ^(.*)$ $1.html [NC,L]

关键说明 #

• 这个规则会自动把www.basedesign.com/work/medirect的请求转发到/work/medirect.html，同时保持URL显示为前者
• 页面内的跳转链接要写相对路径，比如首页跳转作品页的href直接写work/medirect，不要加.html后缀
• 确保你的Apache服务器启用了mod_rewrite模块（本地环境比如XAMPP需要在httpd.conf里取消LoadModule rewrite_module modules/mod_rewrite.so的注释）

内容的提问来源于stack exchange，提问作者Owen Vera Lara