让选择对应任务
静态正文与脚本增强
先写真实HTML再加交互，逐项判断脚本在五个练习中负责什么。
比较边界：说明基于本站示例和公开标准文档，不提供未经确认的软件性能或版本承诺。
直接建议
先这样选择
先完成可阅读的静态结构，再为一个清楚的任务添加脚本。练习不需要一开始就引入框架。
逐项对照
静态HTML 与 JavaScript增强
| 比较维度 | 静态HTML | JavaScript增强 | 实践建议 |
|---|---|---|---|
| 阅读内容 | 初始标题、说明、链接、表头与输入标签可直接阅读。 | 动态结果在操作后更新。 | 把理解页面必需的信息留在初始HTML。 |
| 导航 | 普通href与目标id即可连接区域。 | 可增加界面状态，但不能替代真实链接。 | semantic-nav先练普通锚点。 |
| 表单 | 显示字段、帮助和原生约束。 | 生成当前页面的计划摘要与反馈。 | 关闭脚本不应冒充提交成功。 |
| 表格 | 完整任务表保持行列语义。 | 筛选只处理当前数据行。 | 先检查caption与scope，再看筛选逻辑。 |
| 保存 | 文件内容保持不变。 | 本页内存只在页面打开期间存在。 | 需要长期保存时另设计存储与恢复。 |