直接查看网页源码（Ctrl+U）获取原始HTML5文本，不含JS动态内容或服务端模板；可通过Network面板找独立HTML模板、GitHub搜索关键词、curl检查开头、wget下载静态站等方式辅助获取。
直接查看网页源码是最可靠的方式
浏览器右键“查看页面源代码”或按 Ctrl+U（Windows/Linux）/Cmd+Option+U（macOS），看到的就是当前 HTML5 页面的原始 HTML 源码。注意：这不包含 JavaScript 动态插入的内容，也不含服务端渲染前的模板文件（比如 index.ejs 或 app.vue），只是最终浏览器接收到的 HTML 文本。
常见错误现象：document.body.innerHTML 显示的内容比 Ctrl+U 多——那是 JS 运行后修改过的 DOM，不是原始模板源码。
使用场景：你只想快速复用某个现成页面的结构、CSS 类名或语义化标签布局，不需要后端逻辑或构建流程。
检查网络请求里有没有加载独立的 HTML 模板文件
打开开发者工具的 Network 面板，刷新页面，筛选 HTML 或 XHR 类型请求，找路径含 .html、.htm、.tpl、.mustache 的资源。有些单页应用（SPA）会通过 AJAX 加载模板片段，比如请求 /templates/header.html。
立即学习“前端免费学习笔记（深入）”；
容易踩的坑：
- 路径可能被代理或重写，真实 URL 和你在地址栏看到的不一致
- 响应头
X-Content-Type-Options: nosniff可能阻止浏览器直接展示 HTML 内容，需右键“Open in new tab”才能看源码 - 某些模板被 Webpack 等打包进 JS，此时根本不存在独立 HTML 文件
GitHub/GitLab 上搜开源项目时别只盯 “HTML5 template”
关键词组合更有效：html5 boilerplate、static site template、vanilla html template。很多优质模板并不在标题里写“HTML5”，但实际是纯 HTML/CSS/JS 构建的。
性能与兼容性影响：选模板时重点看 是否存在、是否用了 <code><picture></picture> 或 async 脚本等现代特性，避免带大量 jQuery 依赖或 IE 兼容代码的“伪 HTML5”项目。
实操建议：
- 点开仓库的
index.html文件预览，确认结构干净、无构建脚本干扰 - 用
curl -s https://raw.githubusercontent.com/user/repo/main/index.html | head -20快速检查开头是否符合预期 - 警惕
dist/目录下的文件——那通常是构建产物，源码在src/或根目录
用命令行工具下载整个静态站点（仅限允许爬取的公开页面）
如果目标网站是纯静态 HTML5 页面且 robots.txt 允许抓取，可以用 wget 或 httrack 下载整站副本，再从中提取模板源码。
示例（Linux/macOS）：
wget --recursive --no-clobber --page-requisites --html-extension --convert-links --restrict-file-names=windows --domains example.com --no-parent https://example.com/
容易踩的坑：
-
--convert-links不总能正确重写相对路径，下载后可能要手动修复 CSS/JS 引用 - 部分网站通过
Referrer或User-Agent拦截非浏览器请求，需加--user-agent="Mozilla/5.0" - 动态路由（如
/post/123）不会被 wget 抓到，除非页面中显式有对应链接
复杂点在于：没有通用方法能还原服务端模板引擎（如 EJS、Nunjucks）的原始文件，你能拿到的永远是渲染后的结果。如果真需要原始模板，得确认它是否开源、是否托管在代码平台、是否在构建流程中被明确排除上传——否则，它大概率不在前端可访问范围内。
