跟随CS50初学HTML 页面在Chrome打开空白且标题显示异常如何解决

问题排查与解决方案 #

你写的HTML代码本身没有任何语法错误，页面空白、标题不符的问题通常出自以下两个常见原因，按顺序排查即可解决：

• 确认代码已保存：在VS Code中按下Ctrl+S（Mac设备为Cmd+S），观察文件标签页上的小圆点是否消失，小圆点存在说明当前编辑的代码未保存，你打开的是旧版本的空文件。
• 确认文件后缀正确：如果你是Windows系统，打开文件资源管理器的「查看」菜单，勾选「文件扩展名」选项，检查你的文件实际后缀是否为.html，如果出现hello.html.txt的情况，手动删除后缀中的.txt即可。

你安装的「open in browser」扩展不会对页面渲染结果造成任何影响，无需担心扩展导致异常。

终端打开HTML文件的方法 #

操作逻辑非常简单，只需要两步：

1. 在VS Code中按下快捷键`Ctrl + ``（反引号，位于Tab键上方），会直接唤起定位到当前项目目录的终端
2. 根据你使用的操作系统执行对应命令即可调用默认浏览器打开文件：
   • Windows（CMD/PowerShell环境）：start hello.html
   • macOS：open hello.html
   • Linux各发行版：xdg-open hello.html

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