如何在Mac的TextEdit中保存HTML文件以在浏览器正常打开？

我在Mac的TextEdit中写了一段简单的HTML代码：

<html>
  <head>
    <title>My First Web Page</title>
  </head>
  <body>
    <h1>Welcome to My First Web Page</h1>
    <p>This is an HTML page that I created in TextEdit.</p>
  </body>
</html>

把它保存成带.html后缀的文件后，用Safari、Firefox、Opera、Chrome、DuckDuckGo等浏览器打开，页面都没按预期渲染布局，反而直接显示代码本身。刷新、换浏览器都没用。如果先存成RTF文件再手动改成HTML后缀，浏览器能显示部分内容，但效果和教材里的不一样。想知道为什么会这样？

• TextEdit默认处于富文本（RTF）模式，这种模式下会给文件添加大量隐藏的格式控制标记，哪怕手动修改了.html后缀，文件本质还是RTF格式，浏览器无法正确识别为纯HTML文件，自然没法正常渲染。
• 直接保存为.html时，如果没切换到纯文本模式，TextEdit会自动给你写的HTML代码套上富文本格式的“壳”——比如插入额外的RTF控制字符，导致浏览器把整个文件内容当成纯文本解析，所以直接显示代码。
• 正确操作步骤：打开TextEdit后，先通过顶部菜单格式 > 制作纯文本（快捷键Shift+Command+T）切换到纯文本模式，再输入HTML代码；保存时，在对话框里确认格式选择的是纯文本，文件名后缀设为.html。

内容的提问来源于stack exchange，提问作者grolexander