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