有效href需用download属性同源链接：下载；跨域须后端设content-disposition响应头，或js blob生成并下载。
点击下载 HTML 表格模板的 href 怎么写才有效
直接放个 <a href="table.html">下载模板</a> 很可能点不开——浏览器默认把 HTML 当网页打开，而不是触发下载。关键在告诉浏览器“这是要保存的文件”，不是要渲染的内容。
- 最可靠的方式是用
download属性：<a href="template.html" download="表格模板.html">下载</a> -
download只对同源 URL 生效（即template.html必须和当前页面在同一域名下）；跨域链接加了也无效 - 如果模板存在 CDN 或外部路径，得换方案：后端返回时设置
Content-Disposition: attachment; filename="表格模板.html"，前端仍是普通<a href="https://cdn.example.com/template.html"></a> - 别用
target="_blank"搭配download，部分浏览器会忽略下载行为
生成动态 HTML 表格并触发下载的 JS 方案
用户要的不是静态文件，而是“点一下，生成带数据的表格 HTML 并下载”，这时候靠纯 HTML 链接不行，得用 JS 构造 blob。
- 核心步骤：用
document.querySelector或手动拼接生成表格 HTML 字符串 → 转成Blob→ 创建URL.createObjectURL→ 触发a.click() - 注意编码：HTML 中文必须声明
<meta charset="UTF-8">，且Blob构造时指定{type: 'text/html;charset=utf-8'}，否则下载后打开是乱码 - IE 不支持
Blob和download，如需兼容，得 fallback 到document.execCommand('SaveAs')（仅 IE），或改用服务端生成 - 示例片段：
const html = `<!DOCTYPE html><html><head><meta charset="UTF-8"></head><body><table><tr><td>姓名</td></tr></table></body></html>`; const blob = new Blob([html], {type: 'text/html;charset=utf-8'}); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = '员工表格.html'; a.click(); URL.revokeObjectURL(url);
为什么用 .html 当模板下载容易被拦截
不少安全策略（比如 Chrome 扩展、企业网络代理、甚至某些邮箱客户端）会主动阻止 HTML 文件下载，认为它可能含脚本或钓鱼内容。这不是 bug，是设计使然。
情感家园企业站5.0 多语言多风格版
下载
一套面向小企业用户的企业网站程序！功能简单，操作简单。实现了小企业网站的很多实用的功能，如文章新闻模块、图片展示、产品列表以及小型的下载功能，还同时增加了邮件订阅等相应模块。公告，友情链接等这些通用功能本程序也同样都集成了！同时本程序引入了模块功能，只要在系统默认模板上创建模块，可以在任何一个语言环境（或任意风格）的适当位置进行使用！
- 绕过方法之一：把后缀改成
.txt，但文件内容仍是合法 HTML（用户双击可能用记事本打开，右键→“用浏览器打开”即可正常渲染） - 更稳妥的是用
.zip包一层：JS 打包 HTML + CSS 为 zip 后下载，用JSZip库几行就能搞定，规避所有 HTML 下载限制 - 别在 HTML 模板里写
<script></script>或内联事件（如onclick），哪怕只是示例，也会被部分环境直接拒载
服务端提供模板时，Nginx / Apache 的 MIME 配置要点
如果你把 template.html 放在静态服务器上，但用户点击后仍是打开而非下载，大概率是响应头没设对。
立即学习“前端免费学习笔记（深入）”；
- Nginx 需在 location 块中加：
add_header Content-Disposition "attachment; filename=表格模板.html"; - Apache 要启用
mod_headers，再加：Header set Content-Disposition "attachment; filename=表格模板.html" - 务必确认没被其他规则覆盖（比如全局设置了
text/html的默认类型），可以用浏览器 DevTools 的 Network 标签页检查响应头是否生效 - 如果模板路径带查询参数（如
template.html?ver=2），某些旧版 Nginx 会忽略add_header，建议去掉参数或改用正则匹配路径
download 属性静默失效，以及没设对响应头导致浏览器坚持渲染 HTML。其他都是细节微调。 
