将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
html文档必须以开头，否则浏览器进入怪异模式导致语义标签失效、布局错乱；必须包裹和，需在前且含（须置最前）和，是唯一可放可见内容的容器。
HTML文档必须以 开头，否则浏览器会进入怪异模式，连 <code><header></header>、<nav></nav> 这类语义标签都可能失效——这不是兼容性问题，是解析引擎根本没按 HTML5 标准启动。
为什么
浏览器解析时， 是唯一合法的根元素。如果漏写或错放（比如把 直接扔在 外），DOM 树会自动修复：缺失的 会被补上，但 和 会被强行塞进修复后的结构里，导致 script 执行时机异常、CSS 作用域错乱。
-
只能出现在内部，且必须在之前；它不渲染内容，但控制页面元信息（如<meta charset="UTF-8">缺失会导致中文乱码） -
<title></title>必须位于内，且只能出现一次；重复写多个<title></title>时，浏览器只取第一个 -
是唯一可直接写可见内容的容器；所有视觉元素（<p></p>、<div>、<code><img>等）必须嵌套其中，不能平级挂在下<meta charset="UTF-8">放错位置就白写了这个标签必须出现在
的最前面（至少要在<title></title>之前），否则浏览器已按默认编码（通常是 ISO-8859-1）开始解析，再遇到charset也来不及切换。常见现象是页面刚加载时文字乱码，刷新后正常——那是因为缓存或重解析触发了二次处理，不可靠。- 不要把它塞在
里，浏览器会忽略 - 不要用
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">替代，HTML5 中已过时，且兼容性差 - VS Code 或 WebStorm 自动生成的模板常把这行放在
<title></title>后面，记得手动往前挪
自闭合标签写法差异直接影响渲染行为
<img>、<input>、<br>这类标签没有结束标签，但属性必须完整。尤其注意<img src="x.jpg">缺少alt属性时，虽然能显示图片，但无障碍阅读器无法描述内容，SEO 权重也会下降；而<input type="text">忘写name，表单提交时该字段根本不会被发送。- HTML5 允许省略末尾斜杠（
<img src="a.png">合法），但写成<img src="a.png">也不报错——XML 风格写法在 HTML5 中纯属冗余 -
<link rel="stylesheet" href="style.css">必须放在内，放开头会导致 CSS 加载延迟，页面闪动 -
<script></script>默认阻塞 HTML 解析，若必须放，请加defer或async属性，否则页面白屏时间变长
真正容易被忽略的不是标签怎么写，而是浏览器如何“纠错”：它会默默修复结构错误，让你误以为代码没问题。查 DOM 树要用开发者工具的 Elements 面板，而不是看源码——源码里没写的标签，DOM 里可能已经存在了。
- 不要把它塞在
