栏目目录
页眉下方的“栏目目录”使用浏览器原生展开组件。展开后内容处于正常文档流,会把正文向下推开而不是盖住页面。目录分为五组,每个栏目包含名称、说明和真实链接。关闭JavaScript后仍可展开。
站内查找
“站内查找”会筛选预先输出的栏目名称、简介和主题词。输入内容不会发送到远程搜索接口,也不会访问不存在的search.php。清除输入后会恢复完整结果;没有匹配时会显示明确提示。
正文锚点
部分首页摘要会直接链接到内页中的特定章节,例如预告语境、旧信息再传播、服务条件、主题阅读和纵深观察。锚点只用于定位真实存在的正文段落,不生成虚假的文章详情页面。
读者问答
FAQ使用原生details与summary。它与顶部工具区是独立组件,因此展开一个问答不会被目录脚本自动关闭。即使JavaScript关闭,问答仍可逐项展开阅读。
图片显示
本站图片使用本地WebP文件并保持原始比例,通过contain方式完整显示。若栏目图片缺失,会显示简洁的栏目色块,不出现破损图片图标、文件名或服务器路径,也不会用其他栏目图片反复填充。
手机底部导航
小于768像素时,底部显示首页、摘读、查证、索引和应用五个入口。页面底部已预留导航高度和安全区,最后一行页脚可以滚动到导航上方。其他栏目仍可从目录和页脚访问。
键盘与焦点操作
目录和站内查找的展开按钮可以通过键盘聚焦。启用JavaScript时,按Esc会收起当前打开的顶部工具并把焦点还给对应的summary;FAQ不受这一规则影响。链接保留浏览器正常跳转行为,页面也不会通过脚本禁止缩放或锁定滚动。
遇到显示异常时先检查本地资源
如果文字正常而图片显示为栏目色块,通常表示对应WebP文件未放在网站根目录或当前不可读。若样式完全缺失,应检查style.css是否与PHP文件位于同一目录。站点不依赖CDN和前端框架,因此公共资源路径相对直接,也便于排查。
桌面与手机看到的正文一致
响应式样式只调整列数、间距、图片尺寸和导航位置,不依据设备类型删除正文。桌面端使用左侧栏目索引与右侧正文,小屏隐藏侧栏后则通过顶部目录和页脚继续访问全部栏目。若同一页面在不同设备出现内容缺失,应视为显示异常,而不是设计目标。
页面链接均使用真实地址
栏目跳转使用普通a标签,首页中的章节入口会指向实际存在的页面和锚点。站点不会使用空href、javascript伪链接或透明覆盖层接管整页点击。因此浏览器的打开新标签、复制链接和键盘导航等常规行为可以正常使用,不依赖统计脚本是否加载成功。
