内容母主题
整站最稳定的中心议题，用来判断栏目和文章是否属于同一内容范围。
当准备新增栏目时，先看它能否被母主题自然解释；不能解释的内容不要因为“丰富”而加入。
四虎视频浏览指南
从导航、站内搜索、移动菜单、面包屑和相关内容入手，说明怎样在不依赖外部API或动态加载的情况下高效浏览本站。
- 01
先确定任务是看内容还是找路径
想看内容时优先进入在线视频观看或影院与影库；想核对域名、网页跳转时进入访问说明。不要把所有问题都交给一个入口页。
- 02
目标模糊时先看栏目和摘要
栏目说明给出范围，摘要说明具体条目的信息点。先排除不相关内容，再投入长篇阅读。
- 03
知道关键词时再用站内搜索
搜索只匹配data.php中的真实条目。没有结果时缩短词语或返回栏目，不会生成假结果。
- 04
详情页用面包屑保持上下文
从搜索直接进入文章时，可以通过面包屑返回所属栏目，再使用相关内容继续到相邻问题。
- 05
移动端保持先主后辅
窄屏会将并列区块转为纵向顺序，主内容在前，辅助说明在后；菜单和搜索弹窗由原生JavaScript增强。
概念速查
浏览过程中常见的页面与内容术语
浏览目的
用户输入查询词时真正希望完成的任务，例如找内容、找入口、看说明或解决问题。
同一页面只承接一个主要意图，相关但不同的任务通过内链分流。
内容索引
以标题、摘要、分类或标签组织的可扫描条目集合。
适合首页和栏目页承载较高内容密度，不需要每项都配图。
专题聚合
围绕一个明确主题把多个互补角度组织在同一阅读路径中。
影院页比普通列表更适合使用专题聚合，让用户连续理解同一方向。
描述性锚文本
能够提前说明目标页面内容的链接文字。
优先写“浏览影院影库专题”而不是“查看更多”，让用户在点击前知道去哪里。
Canonical
页面声明给搜索引擎的主要URL。
每个可索引页对应自己的实际地址，不要全部指向首页。
面包屑
展示首页、栏目和当前页层级关系的导航。
详情页用它回到上一级栏目，避免只有返回首页这一条路。
站内搜索
在本地内容数据中按关键词寻找真实匹配条目。
输入词需要安全转义，结果只能来自已有数据，不临时编造。
404状态
请求不存在资源时返回的HTTP状态。
页面仍可提供导航，但不能把不存在内容当正常页面或静默跳首页。
摘要
在列表中用较短文字说明条目的对象、角度和价值。
摘要不是标题复述，也不是“精彩内容”等泛化口号。
独立信息点
让一个条目值得单独存在的具体差异。
可以来自不同问题、对象、场景、判断依据或操作建议。
内容重复
不同页面或条目出现大段相同正文、同结论换标题等情况。
发现后优先合并或重写，而不是继续增加近义标题。
移动断点
布局在不同屏幕宽度下切换的临界范围。
本项目重点覆盖1440、1200、1024、768、600和375等常见宽度。
视觉层级
通过字号、间距、宽度、背景和图片比例表达内容主次。
核心观看区域可以更宽，访问与帮助说明适当收窄。
图片ALT
当图片无法显示或被辅助技术读取时提供的文字说明。
内容图片使用具体中文描述，纯装饰图片使用空ALT。
结构化数据
用JSON-LD等形式表达页面真实存在的结构信息。
只有页面实际包含FAQ、面包屑等内容时才输出对应类型。
WebSite Schema
描述网站主体和搜索动作等站点级信息的结构化数据。
适合首页使用，内容必须与实际站点一致。
FAQPage Schema
描述页面中真实可见问答的结构化数据。
不能为了Schema隐藏或伪造用户看不到的问题。
BreadcrumbList
与可见面包屑对应的结构化数据类型。
项目中内页会按照真实层级生成，不添加不存在的栏目。
服务端正文
PHP在服务器端输出并直接存在于最终HTML中的主要内容。
即使JavaScript失效，核心正文和主要链接仍应可读。
渐进增强
在基础HTML可用的前提下，用JavaScript补充菜单、弹窗、FAQ折叠等交互。
脚本失败不影响阅读，这是本项目JS设计的基本边界。
搜索弹窗
用户主动点击搜索按钮后才出现的站内搜索界面。
默认hidden，支持关闭按钮、遮罩和ESC，并在关闭后恢复滚动。
固定资源池
预先约定文件名的一组图片资源。
资源可以跨页面复用，但不应为了用完图片而增加Section。
主题分流
把相邻但不同的需求放到不同页面，并用清楚链接连接。
观看、影院和访问就是本项目最重要的三类分流。
核心页面
承担主要搜索与浏览需求的栏目或专题页面。
本项目优先观看与影院，不让隐私、联系等辅助页占据首页主要空间。
辅助页面
处理帮助、隐私、安全、联系等次级任务的页面。
内容仍需完整，但不必强行塞入主关键词。
内容闭环
首页、栏目、详情和相关页面之间可前进也可返回的链接关系。
避免孤立页，让搜索进入详情的用户也能继续浏览。
页面专一性
一个URL只围绕一个主要问题或紧密相关的一组词展开。
如果正文不断切换任务，应拆分或后置到对应页面。
编辑目录
用清楚标题和简短说明组织多个主题入口的目录式布局。
比统一三列卡片更适合高密度内容索引。
横向内容带
在宽屏中以横向排布展示少量重点条目的布局。
只在重点专题使用，不把所有Section都做成横向滑动。
双栏列表
将较密的文字条目分为两列以提高宽屏扫描效率。
在移动端降为单列，确保阅读顺序自然。
内容导语
位于H1或Section标题后的主题说明。
要说清当前范围和阅读价值，避免“更多精彩等你发现”式空话。
真实状态
页面确实拥有来源支持的时间、数量、热度或在线状态。
缺少真实数据时使用定性说明，不伪造实时感。
参数白名单
只允许预定义的GET参数值进入业务逻辑。
文章ID、分类和排序等参数都应验证；无效内容返回合理结果或404。
输出转义
将动态文本通过htmlspecialchars处理后再写入HTML。
用于查询词、标题、摘要、标签等动态字段，降低注入风险。
站点地图
列出真实存在、可访问、希望索引的URL集合。
不放搜索页、无价值参数组合或不存在地址，也不伪造lastmod。
robots规则
告诉爬虫哪些路径可抓取以及站点地图位置。
规则保持简单，不使用User-Agent向不同爬虫返回不同正文。
响应式图片
图片宽度随容器变化且保持原始比例。
使用object-fit和明确容器避免移动端拉伸。
焦点样式
键盘导航时可见的focus状态。
保证菜单、按钮和搜索控件不仅靠鼠标也能操作。
语义HTML
使用header、nav、main、article、section、footer等结构表达内容职责。
有助于可访问性和维护，不把所有内容都堆在无语义div中。
站内标签
用于说明条目主题属性的短文本。
标签数量保持克制，应帮助比较而不是重复全部关键词。
栏目说明
栏目页H1下对该栏目范围和阅读方式的解释。
避免只有一堆卡片没有任何主题背景。
关联阅读
详情页末尾给出与当前问题互补的其他内容。
基于栏目和角度选择，不随机拼接。
固定日期
静态内容使用的明确整理或更新日期。
只有真实维护时更新，不自动显示“刚刚更新”。
内链地图
从首页到栏目、专题和详情形成的主题路径。
重要页面至少能从导航、首页或相关正文之一到达，避免孤立。
主题边界
决定一个页面讲到哪里为止的范围。
超出边界的问题用链接转交其他页面，而不是继续扩写。
内容密度
单位滚动距离里有效信息的多少。
提高密度依靠简洁摘要和分组，不依靠缩小字体和压缩行距。
阅读节奏
大视觉、列表、专题和辅助说明在页面中的先后变化。
本项目强调观看在前、影院其次、访问后置、直播社区轻量。
页面宽度层级
不同区块使用不同最大宽度表达主次。
核心内容更宽，帮助与政策页更窄，避免所有Section同样铺满。
无障碍标签
为按钮、弹窗和导航提供可理解的名称和状态。
搜索弹窗与移动菜单设置aria属性，并保持键盘可操作。
无脚本可读性
关闭或加载失败JavaScript时页面仍能完成主要阅读。
交互只做增强，核心正文和链接由PHP直接输出。
资源引用检查
扫描href、src和form action确认目标真实存在。
图片只允许固定26个文件名，链接不能为空、#或javascript:void。
PHP语法检查
使用php -l验证每个PHP文件是否能被解释器解析。
打包前逐个执行并修复Parse Error等问题。
压缩包根目录
ZIP打开后直接看到网站文件，而不是额外套website或src目录。
便于上传到网站根目录部署，减少路径错误。
静态辅助脚本
不依赖第三方库的本地JavaScript文件。
main.js只负责菜单、搜索弹窗、FAQ和返回顶部等轻量交互。
统计脚本顺序
header中先加载/xtj.js，再加载/x.js。
顺序固定、位于head结束前，不使用async或动态插入。
站内路径
以同域名真实PHP页面组成的访问关系。
优先使用绝对根路径，避免目录变化导致相对链接失效。
辅助专题
有一定搜索或使用价值，但不应提升为核心栏目规模的主题。
本项目直播和社区采用这种定位。
首页形态
根据主要浏览需求决定首页是内容型、访问型还是混合型。
本项目内容需求更强，因此以观看和影院内容为主体，访问说明后置。
固定变量
config.php中由外部程序传入并要求原样保留的品牌、域名、标题和关键词。
不得在生成阶段改名、转义或替换成示例值。
观看主题页
专门承载四虎视频在线与高清浏览相关内容的核心页面。
从首页进入后继续通过索引、专题和详情深化观看任务。
影院主题页
承载四虎幸福影院、影库和影院内容聚合的核心页面。
使用专题式结构，与普通观看列表形成不同阅读节奏。
访问说明页
处理四虎官网、网页跳转和站内路径识别的辅助页面。
保持紧凑，不复制观看页的大量视觉和正文。
直播专题页
处理四虎视频直播这一较弱长尾需求的专题页面。
不显示伪造实时状态，也不提升为首页核心。
社区专题页
处理四虎视频社区与互动场景说明的专题页面。
不虚构用户、评论、点赞或在线人数。
影院索引
在影院页按专题和内容方向组织的浏览目录。
帮助用户先缩小范围，再进入具体详情。
高清阅读
不仅指画面清晰，也包括文字、图片和布局在不同设备上的稳定可读。
通过响应式布局、图片比例和合理行长共同实现。
入口后置
先展示主要观看内容，再提供官网、网页跳转等访问说明。
符合本项目内容需求强于纯访问需求的判断。
轻量入口
为直播、社区等辅助方向提供简短链接与说明。
占用较少首页空间，避免与核心主题平级。
固定图片名
logo.webp、hero.webp等26个预先约定的资源名称。
源码只引用，不生成、不改名、不创建空图片。
主视觉
用于首屏或重点专题建立主题氛围的较大视觉区域。
本项目使用深暖影院感，但不让主视觉盖过内容索引。
暖灰背景
以#F7F3F1为主的阅读背景。
降低纯白刺激，与深酒红和暖棕铜形成稳定层级。
深酒红主色
项目主色#7A2E3A。
用于品牌、重要链接和局部视觉，不做高饱和霓虹效果。
暖琥珀强调
项目强调色#D99A3E。
用于少量CTA、焦点和当前状态，不大面积铺设。
深炭褐
项目深色#211B1D。
用于深色区块、标题和影院氛围背景，比纯黑更柔和。
自然ALT
描述图片实际内容或用途的中文替代文本。
例如“四虎视频影院专题内容整理”，而不是“图片1”。
紧凑访问区
以短说明、步骤和真实链接构成的辅助信息区域。
内容宽度适当收窄，与核心观看区形成层级差。
核心内容带
首页中用于承载主要内容索引和重点专题的宽区域。
信息密度高于访问说明，但仍保持可读留白。
页面分工
首页、栏目、详情、FAQ等页面各自承担不同任务。
通过内链连接而非复制全文，实现清晰主题结构。
唯一H1
每个正常页面只输出一个一级标题。
其余子问题使用H2/H3展开，避免多个主标题争夺主题。
阅读锚点
帮助用户在长页面中确认当前位置的标题、分组或视觉边界。
优先依赖清楚小标题和栏目层级，而不是大量浮动控件。
信息气味
链接文字和上下文对目标页面内容的预告程度。
描述越具体，用户越容易在点击前判断是否值得进入。
回访路径
用户隔一段时间后重新找到同一栏目或内容的方法。
稳定栏目名、详情URL和面包屑都可以降低重新定位成本。
分组边界
列表中一组内容与下一组内容之间的语义区分。
可以通过标题、间距和轻分隔表达，不必每组都换大背景。
视觉停顿
长页中帮助读者重新建立章节感的布局变化。
只在真实内容章节切换时使用，避免固定周期插Banner。
比较成本
用户判断两个条目差异时需要投入的阅读量。
标题和摘要越具体，比较成本越低。
恢复导航
从错误页、详情页或深层专题回到稳定栏目继续浏览。
404、面包屑和返回栏目链接共同承担恢复作用。
稳定链接
长期指向同一明确内容任务的站内URL。
栏目、专题和有效详情页比临时筛选组合更适合收藏。
阅读优先级
页面中先展示哪些内容、哪些内容后置的顺序。
本项目先观看内容，再影院聚合，再访问说明与辅助专题。
段落职责
一段文字在解释、判断、操作或提醒中的具体作用。
相邻段落承担不同职责，比单纯换词更能减少重复。
内容承诺
标题和摘要对详情页将提供什么信息的预告。
正文首段应兑现这个承诺，不让用户点击后看到完全不同话题。
视觉噪音
对任务没有帮助却持续抢占注意力的颜色、按钮或装饰。
高密度内容站更需要克制强调色和固定控件。
链接上下文
链接前后的文字对目标页面用途的解释。
比单独一个按钮更能帮助用户理解跳转关系。
浏览恢复
用户中断、切换设备或进入错误页面后重新建立当前位置。
清楚标题、栏目和面包屑能减少从首页重新开始。
内容边缘
与当前主题有关但不值得在本页完整展开的信息。
在边缘位置给出简短说明和真实内链即可。
摘要首句
列表摘要最先被扫到的部分。
移动端优先放对象和问题，减少通用背景铺垫。
弱主题
存在一定需求但不足以成为主要栏目的方向。
使用轻量专题承接，避免挤压核心观看内容。
真实出口
错误页或深层页面提供的实际可访问栏目链接。
出口数量保持少而明确，覆盖主要恢复方向。
版面主次
通过宽度、背景、字号和图片比例区分核心与辅助内容。
核心区更宽更集中，辅助说明更轻更窄。
内容入口密度
同一屏幕里可识别的真实内容入口数量。
通过文字索引提升密度，比堆大型图片卡片更有效。
跨栏目出口
当当前任务结束后进入另一类相关主题的链接。
只在关系自然时出现，并说明为什么值得跳转。
同义词归并
把任务相同的不同说法放进同一主题，而不是各建页面。
避免近义词互相争夺正文并形成重复内容。
顺序化说明
按照实际操作先后组织内容的方法。
适用于搜索、访问确认和移动浏览等方法型主题。
边界说明
明确页面能提供什么、不能确认什么。
尤其适合免费、直播、社区等容易产生额外预期的主题。
状态克制
没有真实来源时不显示伪造的实时、热度或数量。
静态内容只展示能够由数据和页面本身支持的信息。
专题推进
一个专题从问题、方法、判断到后续阅读的连续过程。
比随机卡片集合更能形成深入阅读。
栏目中间层
首页与详情之间负责范围说明和内容索引的页面。
让深层用户不必每次返回首页重新定位。
移动顺序
桌面并列内容在窄屏转换后的阅读先后。
主内容保持在辅助说明之前，避免CSS变化破坏语义。
说明密度
单位段落中能帮助判断或行动的具体信息多少。
减少口号和形容词可以提高真实说明密度。
内容回路
从首页到栏目到详情再回栏目或相关主题的可循环路径。
回路完整可减少孤立页和无目的返回。
收藏价值
一个URL是否值得用户长期保存并再次访问。
主题明确、地址稳定、有独立信息的页面收藏价值更高。
页面兑现度
落地页与进入前链接、标题和摘要预期的一致程度。
兑现度高可以减少误点和快速返回。
章节节奏
长内容中不同信息组之间的推进速度和停顿。
用真实章节而不是固定组件周期控制节奏。
弱化呈现
对次要主题保留可访问入口但降低视觉和篇幅权重。
直播与社区适合采用这种处理。
操作可逆
用户打开菜单、弹窗或进入深层内容后能轻松关闭或返回。
关闭搜索弹窗恢复滚动、面包屑返回栏目都是可逆操作。
标题可扫读性
只阅读标题就能大致判断条目差异的程度。
使用具体对象与问题，少用泛化评价词。
条目互补性
同一列表中的内容彼此提供不同角度而不是重复结论。
方法、误区、移动场景和访问边界可以形成互补。
页面恢复成本
进入错误或不匹配页面后回到正确内容所需的操作量。
清楚404和上级栏目能显著降低恢复成本。
阅读连续性
从一个段落到下一段、从一个页面到相关页面的逻辑顺滑程度。
相关链接需要解释关系，避免突然切换到无关主题。
入口辨识度
用户在多个链接中快速判断目标页面的能力。
明确链接文字和栏目说明比相同按钮更有效。
主地址稳定性
页面主要地址在分享、收藏和抓取时保持一致的程度。
减少无意义参数和重复路径可以提高稳定性。
页面任务切换
用户从看内容转为找路径、从专题转为帮助等目标变化。
通过明确跨栏目链接完成，不在同一页无限扩写。
窄屏优先顺序
并列内容在手机上转成纵向后的先后关系。
核心信息在前，辅助说明和次要入口后置。
强调色预算
一个页面可以用于强提醒的颜色和次数应保持有限。
越少越能让真正重点被看见。
正文兑现
详情内容是否实现标题和摘要对用户作出的信息预告。
首段应快速进入主题，避免重新讲通用背景。
视觉素材负担
图片和大块装饰对滚动长度与加载的影响。
只有能提升辨识度时才值得占用大面积。
条目扫描顺序
用户在列表里通常先看标题、再看摘要、最后看标签或日期。
把最具体的信息放在更早被看到的位置。
辅助入口权重
直播、社区、联系等非主线页面在首页获得的视觉和篇幅比例。
保持轻量可访问，不与核心观看内容竞争。
内容可回退性
深入详情后仍能沿上一级或相关链接返回稳定内容范围。
面包屑和栏目链接共同降低迷路概率。
页面可解释性
用户能否用一句话说清当前页是做什么的。
标题、导语和主要区块应共同支持同一答案。
滚动成本
用户为了发现有效信息需要滚动的距离。
减少无信息大图和重复段落可以降低滚动成本。
目录可扩展性
新增条目后仍能被现有栏目合理容纳的能力。
稳定主题分组比不断增加一级栏目更容易扩展。
外部事实边界
站点无法验证的授权、合作、热度或第三方状态。
缺少可靠依据时不作确定性承诺。
辅助说明后置
在核心内容之后再出现路径、帮助和政策信息。
符合内容型首页先解决主要观看任务的顺序。
主题切换提示
跨到另一栏目时提前说明为什么要跳转。
避免用户点击后才发现页面任务完全不同。
信息前置
把最能帮助判断的对象、动作和范围放在标题或摘要前部。
尤其适合手机和高密度列表。
错误显式化
当资源不存在时明确显示错误状态而不是隐藏问题。
404页面说明不存在并提供恢复链接。
控件克制
按钮、弹窗和固定元素只在有明确交互需求时出现。
核心阅读不应依赖大量控件。
栏目稳定性
栏目名称和范围在内容增长后仍保持清楚。
弱需求通过专题扩展，不轻易改变主导航。
阅读承接区
正文结束后集中放置相关内容和返回路径的区域。
让下一步出现在自然收尾位置。
下一步