anything-to-html

将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。

下载

不可被或替代，因其明确表达逻辑完整段落，提供语义、可访问性及seo价值；误用会破坏结构，应依内容本质选用、、等专用标签。

没有 HTML 语义化标签可以“替代”<p></p>——它本身就是一个语义化标签，且不可被其他标签合理取代。

为什么 <p></p> 不该被替换成 <div> 或 <code><span></span>

很多人误以为“语义化 = 换新标签”，于是用 <div> 包正文、用 <code><span></span> 套句子，结果破坏了段落的语义边界。

• <p></p> 明确表达“这是一个逻辑完整的文本段落”，浏览器自动加间距、屏幕阅读器会停顿、搜索引擎识别为内容主体单元
• <div> 完全无语义，删掉它不影响内容角色；用它包文字，等于告诉辅助工具“这段文字不重要、没结构” <li> <code><span></span> 是行内元素，不能包裹换行文本，强行用会导致布局错乱、样式失效、可访问性崩溃

<p></p> 的常见误用场景和修正方式

真正需要调整的，不是“换掉 <p></p>”，而是判断当前内容是否真的属于段落。

• 纯标题 + 短说明（如卡片标题下一行小字）：用 <h3></h3> + <small></small>，而非 <p></p> —— 因为它不是独立段落，而是附属说明
• 带列表结构的说明（如功能点罗列）：用 <ul></ul> + <li>，每项内部若需多句，再嵌 <p></p>，而不是把整个列表塞进一个 <p></p>
• 代码块、引用、表格说明等：应使用 <pre class="brush:php;toolbar:false;"></pre>、<blockquote></blockquote>、<figcaption></figcaption> 等专用语义标签，而非硬套 <p></p>

什么情况下可以不用 <p></p>，但依然保持语义清晰

关键看内容本质是否构成“段落”。以下情况自然绕过 <p></p>，反而是更准确的选择：

• 单句强调信息：<strong></strong> 或 <em></em> 直接包裹，无需外层 <p></p>（尤其在标题旁、按钮文案中）
• 定义类信息（如“姓名：张三”）：<dl></dl> + <dt></dt>/<dd></dd> 更贴切，比用 <p></p> 堆砌更利于解析
• 短提示或状态文案（如“加载中…”“已保存”）：用 <output></output> 或带 role="status" 的 <div>，语义更精准 <p>最容易被忽略的一点：段落语义不仅靠标签，还依赖上下文结构。<code><p></p> 放在 <article></article> 里和放在 <footer></footer> 里，传达的权重完全不同；同一段文字，用 <p></p> 还是 <figcaption></figcaption>，取决于它是在解释图片，还是在陈述观点——选错标签，语义就断了。