html怎么用notepad运行_Notepad编写后如何直接打开HTML-html教程-PHP中文网

Notepad保存HTML文件需手动输入完整文件名（如index.html）、保存类型选“所有文件”、编码选UTF-8；双击打不开需检查默认打开方式是否关联浏览器；浏览器显示源码则确认地址栏为file:///开头且路径无中文/空格。

html怎么用notepad运行_notepad编写后如何直接打开html

Notepad默认保存为 .txt，哪怕你写了 ，双击也只会用记事本打开或报错“无法找到程序打开此文件”。关键不是“怎么运行”，而是“怎么保存成真正的HTML文件”。

保存时，在 另存为 → 文件名 栏必须手动输入完整名称，例如：index.html（不能只写 index，也不能写成 index.htm.txt）
下方 保存类型 必须选 所有文件，否则 Notepad 会强制加 .txt
编码选 UTF-8（不是 UTF-8-BOM），避免中文乱码或某些浏览器解析失败

即使后缀正确，双击仍可能弹出错误提示、或用其他软件（比如微信、WPS）打开——说明 .html 关联被劫持了。这不是代码问题，是系统设置。

右键该文件 → 属性 → 查看“打开方式”栏是否显示 Microsoft Edge 或 Chrome；如果不是，点 更改 重新指定
如果点“更改”后列表里没有浏览器，选 更多应用 → 在 Microsoft Store 中查找应用，或直接点 查找其他应用，浏览到 C:\Program Files\Google\Chrome\Application\chrome.exe（路径依实际安装而定）
Windows 10/11 有时会把 .htm 和 .html 分开关联，建议两个都手动设一遍

用 Chrome 打开后看到满屏 HTML 标签，说明浏览器把它当纯文本读了——常见于直接双击打开但本地路径含中文、空格或特殊符号，或文件被拖进地址栏时用了 file:/// 却漏了前缀。

HTML Text Extract

从HTML页面（URL、文件或标准输入）中提取主体内容文本，去除导航、页脚、广告和模板文本。可直接传递给readability_check或其他文本工具。

下载

确保地址栏开头是 file:///（三个斜杠），例如：file:///C:/myproject/index.html；如果只显示 C:\myproject\index.html，手动补上 file:///
路径中避免中文、空格、括号（如 我的网页(测试).html），Notepad 本身不处理 URL 编码，浏览器可能解析失败
不需要本地服务器也能运行静态页，但涉及 fetch、localStorage 或模块导入时，file:// 协议会触发跨域限制，此时才需要 live-server 或 Python 的 python -m http.server

每次改一行就关浏览器再双击太慢，真正在用的人早就有固定流程了。

写完按 Ctrl+S 保存，然后在浏览器中按 F5 刷新（前提是已经用该浏览器打开过这个文件）
把浏览器窗口和 Notepad 并排：Windows 按 Win+← / Win+→ 分屏，改完切过去按 F5，2 秒内可见效果
如果经常调试，可右键 HTML 文件 → 发送到 → 桌面快捷方式，然后给快捷方式加个键盘快捷键（属性 → 快捷键），比如设成 Ctrl+Alt+H，一键唤起

最容易被忽略的是保存时的“保存类型”下拉框——90% 的打不开问题都卡在这一步。Notepad 不提醒、不纠错、不自动修正，它只忠实地按你点的选项执行。你点“文本文档”，它就给你 .txt；你没输后缀，它就啥也不加。