头条区块是语义明确的精选栏目，须用包裹并配标题，内含多个符合独立发布标准的，且位置应在顶部。
新闻聚合页的头条区块不是“最上面那几条新闻”的简单堆砌，而是有明确语义角色的内容单元——它代表整页中优先级最高、独立性最强的一组核心报道。组织得当，能被搜索引擎识别为“Featured News”，也能让屏幕阅读器用户一键跳转到重点内容。
头条区块必须用 <section></section> 包裹，且必须带标题
头条不是一条新闻，也不是导航栏，更不是页眉装饰。它是逻辑上自成一体的“精选栏目”，所以不能用 <article></article>（那是单条新闻的容器），也不能用 <header></header>（那是标识性区域）。正确做法是：
- 用
<section aria-labelledby="headline-title"></section>开始 - 紧跟一个
<h2 id="headline-title">今日头条</h2>或类似语义清晰的标题 - 标题不可省略，否则
<section></section>失去语义依据
<section aria-labelledby="headline-title"><h2 id="headline-title">今日头条</h2> <article>…</article><article>…</article><article>…</article></section>
每条头条新闻必须用 <article></article>，且具备完整要素
头条里的每条新闻都应满足“拆出来就能单独发布”的标准：
- 必须有
<h3></h3>或更高阶标题（不可用<div class="title">）<li>必须包含 <code><time datetime="ISO8601格式"></time>，显示时间可本地化，但datetime属性不可少 - 推荐使用
<figure></figure>包裹配图，<figcaption></figcaption>补充说明（非强制但提升语义密度） - 避免把“编辑推荐”“热榜标签”等运营信息塞进
<article></article>内部；它们属于视觉增强，应通过 CSS 或<aside></aside>处理 - ✅ 正确：
<main></main>→<section class="headlines"></section>→<article></article> - ❌ 错误：
<header></header>→<section></section>→<article></article>（头条不是页眉的一部分） - ❌ 错误：
<main></main>→<article></article>→<section></section>（层级倒置，头条是容器，不是子项） - 不要用
<div class="top-news"> 替代 <code><section></section>：机器无法理解“top-news”是栏目还是样式类 - 不要把整个头条区硬塞进
<header></header>当作“网站头图”：这会让辅助技术误判页面结构 - 不要在
<section></section>里放分页导航或“查看更多”按钮：那些属于<nav></nav>范畴，应作为<section></section>的兄弟元素，或放在<section></section>底部并用<nav aria-label="头条区块导航"></nav>显式标注
头条区块的位置要符合内容流逻辑
它通常出现在 <main></main> 的最顶部，紧接在 <main></main> 开始标签之后，但不得嵌套在 <header></header> 或 <nav></nav> 中：
避免常见错位操作
不复杂但容易忽略
