毕设(论文)进度总览：修订间差异

'''移动端适配（Responsive + PWA）'''

系统前端基于 Bootstrap / Vue 的响应式栅格布局，实现跨设备自适应。界面元素按屏幕宽度动态调整排布，手机端采用单列布局，平板适配双列，PC 保持宽屏内容分区。表格、图片与表单均启用流式宽度，避免横向滚动。交互控件（按钮、输入框、菜单）按触控优化，确保在小屏幕上具有足够的点击区域。

系统支持 PWA（Progressive Web App），提供 manifest、图标适配与基本离线缓存，使社区具备“可安装”“类 App 使用体验”“弱网时可访问基本页面”的能力。推送通知可根据浏览器能力进行扩展。

'''无障碍适配（Accessibility）'''

全站遵循 WCAG 基础规范。关键交互元素提供键盘可访问性（Tab、Enter、Esc 可操作所有主要功能），组件具备可见焦点提示。配色方案提供 高对比度模式，切换后自动提升文字与背景反差，避免色弱用户阅读困难。

所有图像具备 alt 文本；表格和表单采用 ARIA 标签辅助说明；警告、成功等状态采用指示性文字而非纯颜色表达，保证对色盲友好。页面结构清晰，导航顺序符合阅读逻辑，屏幕阅读器可完整朗读主内容区域。

'''语义化与SEO适配'''

模板采用语义化标签组织结构：header、nav、main、section、article、aside、footer 清晰区分内容角色。文章标题统一使用 <code><nowiki><h1></nowiki></code>，分段标题使用逐级 <code><nowiki><h2>/h3></nowiki></code>，保证页面信息层级明确。

路由设计保持描述性，例如 /post/123 替换为 <code>/experience/python-internship-notes</code>（可选伪静态）。内容页支持 meta 描述、开放图谱（OpenGraph）、适配搜索引擎的结构化数据（JSON-LD）。移动端友好性、加载速度与图片懒加载共同提高搜索引擎可见度。

站内提供面包屑导航、标签页聚合、热门内容索引，使搜索引擎更容易抓取站内结构。静态资源压缩与缓存策略也能提升 SEO 得分。

----