直接双击即可运行的HTML文件必须满足三个硬性条件：文件为纯文本、扩展名为.html、内容包含首行<!DOCTYPE html>及完整<html><head><title>...</title></head><body>...</body></html>结构，缺一不可。
直接双击就能打开的 HTML 文件，必须满足三个硬性条件：文件是纯文本、扩展名是 .html、内容包含 <!DOCTYPE html> 和完整的 <html> 结构。缺一不可，否则浏览器要么打不开，要么只显示源码。
保存为 .html 文件时最常踩的坑
Windows 记事本默认把文件存成 xxx.html.txt，表面上看是 index.html，实际扩展名被系统隐藏了。双击它，系统会用记事本打开而不是浏览器——这不是代码问题，是文件没真正变成 HTML。
- 在记事本「另存为」时，「保存类型」必须选「所有文件」，不能选「文本文档」
- 文件名栏里手动输入
index.html（带点和后缀），别依赖自动补全 - 编码选「UTF-8」或更稳妥的「UTF-8 无 BOM」，避免中文乱码
- 检查是否开启「显示文件扩展名」：Win10/11 在文件资源管理器 → 查看 → 勾选「文件扩展名」
最小可用 HTML 结构长什么样
浏览器只认骨架，不关心你写了多少内容。以下五行就是能跑起来的底线：
<!DOCTYPE html> <html> <head><title>我的第一页</title></head> <body><p>Hello World</p></body> </html>
说明：
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
立即学习“前端免费学习笔记（深入）”；
-
<!DOCTYPE html>必须放在第一行，没有它，IE 或旧 Safari 会进怪异模式 -
<html>是根容器，所有内容必须包在里面 -
<head>里至少要有<title>，否则标签页上看不到标题 -
<body>是唯一能显示内容的地方，写在<head>里的文字不会出现在页面上
为什么双击打不开 / 打开是源码
出现这种现象，90% 不是代码写错了，而是路径或协议问题：
- 文件路径含中文或空格（比如
C:\我的网页\first.html），某些旧浏览器解析失败，建议用纯英文路径如C:\html\first.html - 用 Word、WPS 或富文本编辑器保存，会插入隐藏格式字符，导致浏览器无法识别为 HTML —— 只能用记事本、VS Code 等纯文本编辑器
- 浏览器地址栏显示的是
file:///C:/.../first.html这种本地路径，不是http://，所以不能用某些需要服务端支持的功能（比如 AJAX）
标签闭合和大小写这些细节真重要吗
对现代浏览器来说，<P> 和 <p> 都能渲染，<img src="a.jpg"> 不写 / 也没问题。但新手容易因此忽略结构逻辑，后续加 CSS 或 JS 时出错难定位。
- 坚持小写标签名（
<div>而非<DIV>），这是 HTML5 规范，也和 JavaScript DOM API 一致 - 成对标签必须闭合，
<h1>标题</h1>比<h1>标题更可靠，尤其嵌套多层时 - 自闭合标签如
<img>、<br>不强制加/，但写成<img />更清晰，避免误以为漏写了结束符
最容易被忽略的是 <meta charset="UTF-8"> 这行。它不写也能跑，但一旦页面里有中文，就大概率乱码——而且这个标签必须放在 <head> 里、<title> 前面才有效。
