页面信息架构:先分层,再看细节
本页采用语义化标签组织内容:header 放品牌与栏目导航,main 承载六个模块,每个模块用 section 加 h2 标题,模块内部的条目才用 h3。这种「标题层级严格、DOM 浅」的结构有两个实际好处:一是手机屏幕上视觉层级一眼可见,二是搜索引擎能准确识别主次,减少抓取误解。
导航使用页内锚点(如 #core、#faq),点击即跳,不依赖脚本渲染;也就是说,标题、摘要、问答和链接都直接存在于 HTML 源码里,弱 JS 环境下同样可见。