html不是编程语言，而是浏览器解析页面的标记说明书；必须首行写标准doctype声明，head中必含charset、title和viewport三标签，body中需正确使用语义化标签，文件须保存为utf-8编码的.html后缀。
HTML不是编程语言，它只是浏览器能读懂的“说明书”——用固定标签告诉浏览器哪是标题、哪是段落、哪该放图，没逻辑、不运算，写对标签就能出效果。
为什么必须写 在第一行
浏览器靠这个判断用什么规则解析页面。漏掉或写错（比如写成 ），会触发“混杂模式”，导致 <code>width、margin 等基础样式行为异常，尤其是老版 IE 或 Edge 兼容模式下极易错位。
正确写法只有一种：（注意全部小写、无空格、无引号、无属性）。
- 不要写
、<code> 或带大写的 <code> - 它不是 HTML 标签，不需要闭合，也不在
里面 - 放在任何其他内容（包括空行、注释）之前，否则失效
不显示内容，但缺了关键项，页面可能乱码、标题不显示、手机上缩放失灵。
最小可用组合只有三样：
-
<meta charset="utf-8">：强制指定字符集，避免中文变方块或问号 -
<title>我的页面</title>：浏览器标签栏显示的文字，SEO 和书签都依赖它 -
<meta name="viewport" content="width=device-width, initial-scale=1.0">：让响应式布局在手机上真正生效，没它，移动端会默认按 980px 渲染再缩小
其他如 <link>、<script></script> 可后续加，但这三项必须一上来就写全。
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
新手常把结构搞反，结果语义丢失、SEO 受损、屏幕阅读器无法理解。
-
<p></p>只用于完整段落，别用来“换行”或“空行”——那是<br>的事；滥用<p></p>会导致段间距失控，且每个<p></p>都被搜索引擎当作独立语义块处理 <div> 是无语义容器，别一上来就套满页——优先用 <code><header></header>、<nav></nav>、<main></main>、<footer></footer>这类语义化标签，它们自带可访问性和 SEO 权重-
<img>必须带alt属性，哪怕写alt=""；不写会被屏幕阅读器读作“图片”，搜索引擎也当内容缺失；src路径错误时，alt文字就是唯一可见提示 - 文件名必须以
.html结尾（不是.txt、.htm或带空格如我的网页.html）；Windows 记事本默认存为.txt，务必手动选“所有文件”再输index.html - 编码必须选 UTF-8（记事本里是“另存为 → 编码 → UTF-8”）；选 ANSI 或 GBK，中文在 Chrome/Firefox 下大概率变乱码，且无法通过
<meta>补救 - Mac 上用“文本编辑”要先关掉“纯文本模式”（格式 → 使纯文本），否则自动加富文本格式，保存后浏览器直接报错
保存文件时后缀和编码这两个坑
写完代码，双击打不开？或者中文全乱码？八成栽在这两处。
真正卡住人的，往往不是标签记不住，而是 少写了、<code>charset 没配对、文件后缀藏了个看不见的空格——这些细节不检查，代码写得再对也白搭。
