如何在浏览器中查看带格式的本地HTML文件？

完全不需要上传到服务器，HTML文件本来就可以直接在本地浏览器中正常显示格式化页面，你遇到的问题大概率是这几个常见操作错误导致的：

• 文件名后缀不正确
  必须确保你的文件后缀是.html（或.htm），比如index.html。很多时候新手会不小心把文件存成test.txt，甚至在Windows系统里因为默认隐藏文件扩展名，实际文件名是test.html.txt（表面显示test.html），这会让浏览器把文件当成纯文本解析。
  解决：在Windows的文件夹选项里开启“显示文件扩展名”，检查并修改正确的后缀；Mac系统直接右键文件选“显示简介”，修改名称里的后缀。

• HTML代码结构不规范
  浏览器需要识别正确的HTML文档结构才能渲染页面，如果你的代码没有标准的HTML开头和标签，可能会被当成纯文本显示。正确的基础结构应该是这样：

  <!DOCTYPE html>
  <html>
  <head>
      <title>页面标题</title>
  </head>
  <body>
      <h1>这是一级标题</h1>
      <p>这是一段普通文本</p>
  </body>
  </html>
  

  检查你的代码是否包含这些核心标签，确保没有语法错误。

• 打开方式错误
  如果双击文件后默认用记事本（或其他文本编辑器）打开，自然只会显示代码。你需要右键点击HTML文件，选择“打开方式”，然后选择Chrome、Edge、Firefox等浏览器来打开它。

按照上面几点逐一排查，就能正常在本地浏览器看到格式化的HTML页面了。

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