HTML 无法单独实现模板选择功能，需结合 Ja vaScript 动态注入预存的模板字符串（如 script[type="text/template"] 或 JS 对象），按语义化结构区分会议笔记（含 time、ol.action-items）与读书笔记（含 blockquote、aside.annotation），并用 data-* 属性标识角色以支持导出和打印。

怎么用 HTML 实现模板选择功能

说实话，指望纯 HTML 来完成“选择模板”这种交互，就像想让汽车靠惯性自动导航——它天生就不具备这个能力。你常用的那个 下拉框，本质是选个值，指望它自动加载或切换整个笔记的骨架，那可就走错方向了。

真正让页面“动”起来的核心，在于结合 Ja vaScript。业内常见的思路是，先把每个模板完整的 HTML 结构，以字符串形式“预存”起来。比如，放在一个专用的