TextEdit必须设为纯文本模式才能正确编辑HTML：1.启动后按Shift+Command+T切换纯文本；2.偏好设置中新建文档选Plain text、勾选Ignore richtext commands in HTML files、取消Add .txt extension；3.另存为时手动输入文件名加.html扩展名、取消隐藏扩展名、编码选UTF-8。

Mac 自带的 TextEdit 能编辑 HTML，但默认会把它当富文本处理，直接保存或双击打开时显示乱码、样式错乱、甚至根本打不开——问题不在代码写得对不对，而在 TextEdit 没被正确“驯服”。

TextEdit 必须设为纯文本模式才能写 HTML

默认启动的 TextEdit 是富文本（.rtf）编辑器，会偷偷往你的

里塞字体、颜色、段落缩进等格式指令，浏览器一读就报错或渲染失败。

• 打开 TextEdit 后，先按 Shift+Command+T（或菜单栏「格式」→「制作纯文本」），标题栏应变成「无标题 - 纯文本」
• 确认没看到「格式」菜单里还有「字体」「颜色」等选项；如果还有，说明没切成功
• 这一步不做，哪怕你写了标准的 ，保存后双击打开也大概率是源码乱码或空白页

TextEdit 首选项里三个关键开关必须调对

只按快捷键切一次纯文本还不够，下次新建文档可能又回退成富文本。必须进首选项固化设置：

• 菜单栏「TextEdit」→「偏好设置」→「新建文稿」标签页 → 「格式」选 Plain text
• 切换到「打开和存储」标签页 → 勾选 Ignore richtext commands in HTML files（忽略 HTML 文件中的富文本命令）
• 同样在「打开和存储」→ 取消勾选 Add .txt extension to plain text files（否则保存时自动加 .txt，变成 index.html.txt）
• 改完必须退出 TextEdit 再重新打开，设置才真正生效

保存时扩展名和编码不能靠系统猜

即使内容是对的，保存操作出错也会让文件变“假 HTML”：

易企秀

易企秀是一款面向企业营销活动、H5 页面和视觉内容制作的在线设计平台。

下载

• 用「文件」→「另存为」，文件名手动输全 index.html（不是 index，也不是 index.htm 后再改）
• 务必取消勾选「隐藏扩展名」，否则 macOS 会悄悄把 .html 当成多余后缀给吞掉
• 编码选 Unicode (UTF-8)，别用「Western (ASCII)」或「Automatic」，中文标签或符号会变问号
• 保存后，在 Finder 中右键文件 →「显示简介」，确认「名称与扩展名」一行确实写着 index.html，且「开放式」是 Safari / Chrome / Firefox

双击打不开？先看文件是不是真 HTML

常见现象：双击后弹出 TextEdit 或报错“无法打开”，其实是系统没识别出这是网页文件——根源几乎都在保存环节。

• 不要依赖「存储」按钮，必须用「另存为」并显式写 .html
• 不要把文件存在 iCloud Drive 的深层嵌套文件夹里，某些 macOS 版本对同步路径下的 .html 文件识别不稳定
• 如果仍打不开，终端执行 file /path/to/your.html，返回结果应含 HTML document；若显示 Rich Text Format data，说明 TextEdit 还在偷偷用 RTF 格式存
• 最稳验证方式：拖拽该文件到 Chrome 或 Safari 的地址栏，看能否正常加载渲染

TextEdit 编辑 HTML 的核心就三件事：强制纯文本、锁死首选项、手写 .html 后缀。它不报错、不提示、不警告，所有问题都静默发生在保存那一秒——盯住那几个勾选框和扩展名，比反复检查 是否闭合更重要。