Prettier 对 HTML 片段无反应，因其仅处理以 .html/.htm 结尾、含 <!DOCTYPE html> 的完整文件，且需显式指定 --parser html；VS Code 默认格式器不读 .prettierrc，须禁用内置 HTML 格式化并安装官方插件；缩进、闭合、引号等细节影响协作；格式化≠质量管控，需配合 html-validate 等工具实现语义与无障碍检查。
为什么 Prettier 对 HTML 片段没反应？
因为 prettier 默认只处理完整、合法的 HTML 文件，不是“粘贴一段标签就能格式化”的工具。它会直接跳过不满足条件的输入。
- 文件必须以
.html或.htm结尾（不能是.txt或无后缀） - 内容开头必须有
<!DOCTYPE html>声明，否则被当作非标准片段忽略 - 命令行中必须显式指定解析器：
prettier --parser html --write index.html - 内联模板（如 Vue 的
<template>、JSX 中的 JSX 标签）不会被识别，也不修复缺失闭合标签
VS Code 里 Format Document 为啥不听 .prettierrc？
因为你触发的其实是 VS Code 自带的 vscode-html-languageservice 格式器，它压根不读配置文件，也不支持 tabWidth、htmlWhitespaceSensitivity 这类设置。
- 必须在设置里关掉
HTML › Format: Enable - 安装官方
Prettier插件（不是其他同名插件） - 右键菜单选
Format Document With → Prettier，或用快捷键Shift+Alt+F（Windows） -
.prettierrc要放在工作区根目录，且内容需明确声明 HTML 相关参数，例如：{"tabWidth": 2,"htmlWhitespaceSensitivity":"strict"}
缩进、闭合、引号：哪些细节真会影响协作？
团队里最常因格式差异引发冲突的，不是语义标签选得对不对，而是这些看似琐碎却高频出现的细节。
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- 缩进统一用 2 空格（不是 Tab，也不是 4 空格），尤其在响应式结构中，层级错一格就可能误判栅格嵌套关系
- 所有成对标签必须显式闭合，哪怕浏览器能容错——
<p>文本</p>，不是<p>文本 - 自闭合标签统一加斜杠：
<img src="x" alt="" />，避免和 JSX 混淆 - 属性值一律用双引号：
class="btn primary"，不用单引号或不加引号（class=btn在某些构建工具里会报错） - 属性顺序按优先级排：
id→class→data-*→aria-*→src/href，方便快速扫描关键信息
HTML 格式化和质量管控之间差什么？
格式化只是质量链的第一环，它解决的是“能不能看”，而质量管理要回答“有没有错”“合不合规范”。
立即学习“前端免费学习笔记（深入）”；
-
<img>缺alt属性，格式再整齐也过不了无障碍检查 -
<article>里没包含<h1>或<header>，语义结构就失效了 - 多个
<h1>并列、<div>套<div>超过 4 层，Prettier 不会警告，但 Lighthouse 会扣分 - 真正落地的质量管控，需要把
prettier和eslint-plugin-jsx-a11y、html-validate配合使用，靠 CI 流水线卡住问题提交
