HTML文件必须以.html或.htm为后缀，用纯文本编辑器保存为UTF-8编码，且首行顶格写<!DOCTYPE html>，<html lang="zh-CN">、<meta charset="UTF-8">和<title>缺一不可。
HTML代码不是“运行”出来的，而是用浏览器直接打开就能看到效果——只要文件后缀是 .html，内容结构合法，双击它就立刻渲染成网页。
怎么保存才能被浏览器识别为网页？
关键在文件名和保存方式，错一步就变成纯文本：
- 文件名必须以
.html或.htm结尾（比如index.html、test.htm），不能是test.txt或没后缀 - 用记事本保存时，“保存类型”必须选“所有文件”，否则 Windows 默认加
.txt后缀，表面看着是page.html，实际是page.html.txt - Mac 上用“文本编辑”时，要关掉“加扩展名”自动修正功能，或手动在名称末尾敲上
.html - 如果双击打开是乱码或显示源码，大概率是
charset缺失——在里补上<meta charset="UTF-8">
最简 HTML 骨架必须包含哪些标签？
少一个都可能让浏览器降级渲染，甚至标题不显示：
-
<!DOCTYPE html>必须写在第一行，且不能有任何字符（包括空格、BOM）在它前面 -
<html>是根容器，所有内容必须包在里面；建议加上lang="zh-CN"属性，对中文页面 SEO 和语音朗读更友好 -
<head>里至少要有<meta charset="UTF-8">和<title>；没有<title>，浏览器标签页会显示空白或文件名 -
<body>才是放文字、图片、链接的地方；写在<head>外面或<html>外面的内容，浏览器会自动“纠正”到<body>内，但不可靠
写完怎么快速验证有没有低级错误？
不用装工具，靠浏览器自带功能就能揪出 90% 的新手问题：
立即学习“前端免费学习笔记（深入）”；
- 双击打开后页面空白？右键 → “查看网页源代码”，确认是否真有
<body>里的内容；如果没有，大概率保存成了.txt - 中文显示为方块或问号？检查
<meta charset="UTF-8">是否拼错（比如写成utf8、UTF8或漏了引号） - 标题没出现在浏览器标签栏？确认
<title>在<head>内，且没有写成<title/>这种自闭合形式（<title>必须成对） - 用了
<h1>却没加粗变大？那是正常现象——HTML 只定义结构，样式由浏览器默认 CSS 控制；别急着怀疑代码，先看内容是否真的渲染出来了
最容易被忽略的其实是文件编码本身：哪怕标签全对，用记事本另存为时选了“ANSI”而不是“UTF-8”，中文照样乱码。保存前务必点开记事本的“另存为”对话框，拉到最下方确认编码选的是 UTF-8。
