必须且只能出现一次，嵌套在里会破坏可访问性逻辑——屏幕阅读器无法准确定位页面主体内容；是文档级唯一核心区域，是可复用内容单元，二者不可嵌套。

<main></main> 必须且只能出现一次，嵌套在 @#@#@#@#@#@#@#@#@#@0：回车触发后页面滚动到顶部，焦点丢失，且无 role="button" 时屏幕阅读器读作“链接”，用户预期是跳转

<button onclick="doSomething()">操作</button>：回车/空格均可触发，焦点保留在按钮上，自动有 role="button" 和键盘交互支持

真实项目中，一旦用了 <a></a> 承担 JS 行为，就必须补全：href="javascript:void(0)" + role="button" + tabindex="0" + aria-label（若无可见文本）。但强烈建议直接换用 <button></button>——少三行代码，多九成兼容性。

Article To Html

文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。

下载

真正难处理的是那些既需要跳转、又需要 JS 副作用的场景（如“登录后跳转首页并埋点”），这时应优先分离逻辑：跳转用 <a></a>，副作用用事件监听，而非强行绑定在 onclick 上。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！