栏目目录:展开后在当前页面正常占位
平板和手机页眉下方提供“栏目目录”,点击后会在文档流中展开并推开正文,不会出现全屏遮罩。目录按五组列出栏目,每项包含名称、简短说明和真实链接。启用JavaScript时,栏目目录与站内查找最多展开一个;关闭JavaScript后仍可使用浏览器原生details展开和收起。
站内查找:筛选本站已有栏目
打开“站内查找”后,在输入框键入栏目名、主题或说明词,例如“查证”“会员”“预告”。结果来自PHP预先输出的真实栏目,JavaScript只负责隐藏不匹配项,不向网络发送搜索请求。清除按钮会恢复全部结果;没有匹配时会显示明确提示。
内容锚点:从首页直接到达相关段落
首页部分摘要会链接到内页的具体段落,例如预告语境、旧信息再次传播、服务限制条件、主题阅读和纵深观察。锚点属于真实页面ID,浏览器会滚动到对应章节。若使用键盘或浏览器返回,也应保持普通网页行为,不需要额外脚本接管链接。
读者问答:每个问题独立展开
FAQ使用原生details和summary。点击问题标题即可展开答案,再次点击可收起。问答不会被顶部工具区的“最多展开一个”规则影响,因此可以同时打开多个问题做比较。JavaScript关闭后,FAQ依然能够由浏览器原生控制展开。
图片显示:优先完整,不追求统一裁切
所有内容图都按原始比例显示,使用 contain 而不是 cover。页面不会为了卡片等高裁掉人物、文字或边缘。若图片文件不存在,会显示简洁的栏目色块而不是破损图标、文件名或服务器路径。低分辨率图片也不会被强行放大成通栏封面。
手机底部导航:五个核心入口始终可点
小于768像素时,页面底部显示首页、摘读、查证、索引和应用五个入口。文档底部预留了导航高度与安全区,因此最后一行页脚可以完整滚动到导航上方。其他栏目仍可从目录和页脚访问,底部导航不是完整栏目列表。
键盘与焦点:保持原生可访问行为
链接和按钮保留清晰的焦点样式,操作目标保证足够点击区域。Esc只会收起当前打开的顶部工具区,并把焦点返回对应summary;不会关闭FAQ。页面不绑定全局preventDefault,也不阻止缩放、正常链接跳转或浏览器返回。
页面异常:优先检查本地文件与普通浏览器行为
如果图片显示为色块,通常说明对应本地WebP没有放在根目录或文件不可读;如果某个页面样式缺失,应确认style.css与PHP文件处于同一目录。由于站点不依赖CDN和前端框架,排查时无需安装额外依赖。链接、目录和FAQ都使用标准HTML元素,浏览器默认行为应当始终可用。