要。HTML是唯一合规基础，需分层披露、语义化标签、明确主体、可访问可存档，避免隐藏、模糊指代与前端链路断裂。
用户协议和隐私政策页面要不要用 HTML 单独写？
要。不能靠 PDF 或图片替代，搜索引擎不抓取、无障碍访问失败、移动端体验差、法律风险高——法院判例已明确要求“可访问、可复制、可存档”的文本形式，HTML 是唯一合规基础。
怎么组织结构才符合监管要求（比如 GDPR / 《个人信息保护法》）？
核心是「分层披露」：首屏必须有简明摘要 + 明确的同意动作，正文按主题分节，每节带锚点跳转。不是堆文字，而是让用户能快速定位关键条款。
<h2 id="summary">一句话说明我们收集什么、为什么收集、你有什么权利</h2>- 每大节用
<h3 id="data-collection">我们收集哪些信息？</h3>这类带id的标题，方便链接直达 - 敏感操作（如同意营销推送）必须用独立
<input type="checkbox">，且默认不勾选，不能和注册按钮绑定提交 - 避免使用
display: none隐藏条款——监管机构会用爬虫检测实际可读性，隐藏即视为未公示
常见错误：用 Markdown 渲染或 CMS 自动排版导致法律失效
很多团队用 Hexo/Notion 导出 HTML，结果丢失语义标签、缺少 lang 属性、<time></time> 标签缺失更新时间——这会让条款被质疑“未及时更新”或“非正式发布”。
- 必须手动加
，否则屏幕阅读器无法正确朗读 - 在页脚显式写：
<time datetime="2024-06-15">2024年6月15日</time> 更新，不能只写“最新版” - 所有“我们”指代必须明确主体，例如：
<p>本协议由 <strong>北京某某科技有限公司</strong>（以下简称“本公司”）制定…</p><div class="aritcle_card flexRow"> <div class="artcardd flexRow"> <a class="aritcle_card_img" href="/xiazai/skill9972" title="Wechat Article Html"><img src="https://img.php.cn/upload/skill/001/246/273/6adaf20e695c2374.jpg" alt="Wechat Article Html" ></a> <div class="aritcle_card_info flexColumn"> <a href="/xiazai/skill9972" title="Wechat Article Html">Wechat Article Html</a> <p>将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。</p> </div> <a href="/xiazai/skill9972" title="Wechat Article Html" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a> </div> </div> <p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p>，不能模糊写“平台”“本网站” - 外部链接（如第三方 SDK 隐私说明）必须用
rel="noopener noreferrer"，否则存在安全与责任连带风险
部署前必须检查的三件事
不是“上线就完事”，监管关注的是“用户能否真实触达”。很多被罚案例，问题出在前端链路断裂。
- 在移动设备上打开
/privacy页面，确认无横向滚动、字号不低于 14px、点击区域 ≥44×44px - 用 Chrome DevTools 切换到 Lighthouse → “Accessibility”，确保“Document has a valid language”和“Links have descriptive text”两项通过
- 在注册流程中点击“同意《用户协议》”时，检查网络请求是否真的加载了
/terms.html页面（而非仅弹窗或内联<dialog></dialog>），后者不具备法律效力
法律条款页面不是前端装饰，它是产品不可分割的责任接口。最常被忽略的是更新机制——改了条款却不强制新用户重新勾选，旧版本链接还 200 可访问，等于同时存在两套有效协议。
