新闻详情页用分段的核心是按逻辑主题切分正文,每段必须配或标题,禁止无标题、跳级或纯样式使用;应与协同构建语义化结构。

新闻详情页用 分段,核心是按逻辑主题切分正文,每段必须有标题( 或 ),不能只为换行或加间距而用。
每段内容对应一个明确主题
比如一篇政策解读类长文,可拆为「政策背景」「条文要点」「实施时间表」「专家观点」「常见问答」等模块。每个模块用一个 包裹,并配相应层级标题:
- 主标题是
(整篇新闻标题),内部各节统一用 - 避免“第一部分”“第二部分”这类空泛命名,标题要能独立传达该段主旨
- 若某段只是补充说明、无独立信息价值(如一句过渡句),不单独设
,直接用
嵌套需符合层级逻辑
可在 内部嵌套,但子节必须从属于父节主题,且标题级别递进:
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面,使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力: - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面; - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”; - 提及位于 `apps/console/src/featur
- 外层
含(新闻标题) - 其下第一级分段用
- 若某
段内还需再细分(如“专家观点”下分“经济学者”“法律专家”),可用 - 禁止跳级(如
下直接跟)或平级堆砌(多个却无共同上位主题)
避免常见误用
不是所有视觉区块都适合 :
- 纯样式分隔(如用
实现两段间的空白或边框)——改用加 CSS- 没有标题的
—— 屏幕阅读器无法识别,SEO 效果归零,应补标题或换- 把图片说明、作者署名、发布时间等附属信息塞进正文
—— 这些属于或范畴- 将多个不相关的小点硬凑成一段(如“联系方式+版权声明+友情链接”)—— 它们不属于同一主题,不应共用一个
配合其他语义标签使用
是组织正文的工具,需与页面其他结构协同:- 新闻整体用
包裹,确保可被 RSS 抓取、搜索引擎单独索引 - 文章开头的标题、作者、时间放在
内,时间用 - 文末的来源链接、相关推荐、评论入口等放入
- 若某段含大量数据表格或图表,可在
内嵌+保持语义清晰
- 没有标题的
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!










