歌单页主体必须用包裹，且仅一个；歌单封面、标题、简介、歌曲列表等核心内容属于内，其中可分语义分组；歌曲列表须用保持序号语义；仅用于强相关非核心内容如相似歌单。
歌单页用
歌单页的主体内容（比如歌单封面、标题、简介、歌曲列表）必须包裹在 里——它代表整个页面唯一的主要内容区域，搜索引擎和读屏工具靠这个识别“这里才是重点”。 是语义分组容器，不能替代 ；滥用会导致结构扁平、辅助技术误判。
常见错误：把整个歌单页塞进一个 ，或者用多个 。HTML5 规范明确要求每页最多一个 。
-
只包歌单核心信息流，不包含顶部导航、侧边推荐、页脚 - 歌单封面+标题+简介可组成一个
，加aria-labelledby关联标题 - 歌曲列表建议单独用一个
，并设heading为“歌曲列表”
歌曲列表该不该用
应该用 注意：不要手动写 立即学习“前端免费学习笔记（深入）”； 关键判断标准：把这块内容删掉，歌单页是否仍能独立、完整表达其本意？如果可以，才考虑 歌单页的 混淆后果：屏幕阅读器可能把歌单标题读成“网站标题”，或把更新时间当成全站版权信息。 结构层级错一阶，语义就偏一点。最常被忽略的是把歌单 list-style-type: none 隐藏也不影响语义。
包裹，内部结构保持一致（如 播放、）draggable="true" 和 ARIA aria-grabbed 状态
放什么才不算滥用？ 在歌单页只适合放**与当前歌单强相关但非核心**的内容，比如：该歌单创建者的其他热门歌单、相似风格推荐、曲风标签云。不是所有侧栏都该用 ——广告位、登录入口、全局客服入口应保持为 （如果是导航类）。。
，加 aria-label="相似歌单推荐"
内的 里，它是独立内容模块，应使用 +
为什么
必须嵌套在 里？（如更新时间、版权说明）描述的是**这个歌单本身**，不是整站的头部/尾部。它们属于 的一部分，语义上是“主内容的头尾”，不是“页面的头尾”。
外） 同理，避免出现在 外层
夏日治愈歌单
歌曲列表
外，结果让辅助工具以为那是网站 banner。
