分区对照

首页功能说明

从顶部导航到页脚,逐个看清 hth 官网首页每个位置承担什么、点下去会发生什么,打开页面就能找到自己需要的那一块。

hth官网首页网址入口 首屏与导航区域示意

打开首页后,先确认这三处

顶部导航决定你能去哪几个栏目,搜索框决定你多快能找到目标位置,首屏按钮决定你下一步做什么。把这三处理顺,后面的内容卡片和页脚信息就只是顺路查看的事了。

顶部导航 命令搜索 首屏按钮
逐块说明

首页每一块的位置与用途

下面按页面的实际排列顺序展开,每一块都说明它长什么样、放在哪、点进去之后到哪里。你可以对着屏幕一块一块确认,也可以只看自己关心的那几张卡片。

hth官网首页网址入口 顶部导航栏位置示意 01

顶部导航栏

横向排列的几个栏目名是整站的主干路径,当前位置下方有一条高亮短线。鼠标移上去会变亮,点击即切换到对应栏目,滚动页面时导航条会转为半透明背景,始终停留在屏幕顶部。

位置:页面最上方·可点击切换栏目
02

命令搜索框

位于导航右侧的胶囊形输入框,可以输入栏目名、功能名或问题关键词,下方会给出候选条目,点击直接跳转。按快捷键可随时唤起输入。

支持关键词模糊匹配
03

首屏主视觉区

占据页面开头的大幅画面,左侧是标题与一句说明,右侧是状态卡片。主按钮承担进入操作,次按钮带你继续向下了解,两个按钮都不会跳转到站外。

主标题即入口名称
hth官网首页网址入口 内容卡片列表展示 04

内容卡片列表

卡片按时间顺序排列,每张卡都带封面、标题、两行摘要和底部信息条。信息条里能看到所属栏目和发布时间,摘要读两行就能判断要不要点进去细看,整张卡片都可以点击。

桌面三列 · 平板两列 · 手机一列
05

使用步骤条

编号 01 到 04 的横向步骤,每一步配一句动作说明。桌面端步骤之间用细线连接,手机端改为纵向排列,左侧保留一条竖线,跟着序号往下看即可。

四步走完即完成一次完整访问
hth官网首页网址入口 数据概览与进度显示 06

数据概览条

一条横向长卡里放四个关键数字,其中最重要的一个用琥珀色标出,右侧配一条进度条显示当前内容的完成情况。数字与进度条在滚动到可视区域时一次性显示,不会反复跳动。

数字格式统一右对齐
07

问答区块

页面下半部分的手风琴列表,收起时只显示问题,展开后出现答案。展开项左侧有一条主色竖线,右侧的圆形图标会旋转成叉形,再点一次即可收起。

一次展开一条,便于逐条阅读
08

页脚信息区

页面最底部集中放站点说明、栏目跳转、订阅提醒和联系邮箱。订阅只需填一个常用邮箱,提交后会在页面内容补充时收到提醒,不影响你继续浏览其它栏目。

包含栏目快捷入口
常见疑问

关于首页各分区的常见疑问

以下问题来自访客在核对首页布局时最常遇到的情况,逐条展开即可查看说明。

导航栏依次排列首页、官网入口导航、首页功能说明、访问地址与安全登录、常见问题与操作指引五个栏目,你当前所处的栏目下方会显示一条高亮短线。点击任意栏目名即可切换到对应页面,不需要返回顶部再找入口。

可以输入栏目名称、功能名称,也可以直接输入你遇到的问题关键词,例如地址核对、登录方式、页面打不开等。输入框获得焦点后,下方会展开候选条目,每条都标注了所属范围,点击后跳转到对应说明。

左侧的实心按钮带你进入首页主体区域,右侧的描边按钮用于继续向下了解页面内容。两个按钮都只在站内跳转,不会打开新的标签页,也不会指向任何外部地址,你可以放心点击。

卡片底部的彩色小徽章表示这条内容属于哪个栏目,颜色偏蓝的代表入口与导航类,偏琥珀色的一般是提醒与说明类。徽章右侧的浅色小字是发布时间,用于判断这条内容的新旧程度,便于你决定是否优先阅读。

手机端的导航会收进左上角的菜单按钮,点击后从顶部滑出纵向栏目列表,搜索框需要先点放大镜图标才会展开为整行。卡片由多列改为一列纵向排列,步骤条也从横向改为纵向,其余内容位置保持不变,滑动阅读即可。

会。导航项名称、按钮位置、卡片排布或页脚结构发生变化时,本页对应的段落会一并修订,避免你按照旧描述在页面上找不到位置。如果你在页脚预留了邮箱,内容补充时也会收到一封提醒邮件。

对着首页逐项核对更省事

拿不准某个位置点下去会去哪,可以回到入口导航页按顺序走一遍。

查看入口导航