HTML5音乐网站结构标签使用技巧

• 只包歌单核心信息流，不包含顶部导航、侧边推荐、页脚
• 歌单封面+标题+简介可组成一个
  ，加 aria-labelledby 关联标题
• 歌曲列表建议单独用一个
  ，并设 heading 为“歌曲列表”

歌曲列表该不该用

？

应该用

。歌单本质是**有序集合**：播放顺序、拖拽排序、跳转定位都依赖序号逻辑。用
或

会丢失原生语义和键盘导航行为（如按数字键跳转第 N 首）。

注意：不要手动写

• 1. 歌名
这类冗余序号——
的计数由浏览器自动处理，CSS 用 list-style-type: none 隐藏也不影响语义。
• 每首歌用
• 包裹，内部结构保持一致（如 播放、）
• 避免在
  外再套一层
  ，破坏列表语义链
  若支持拖拽重排，需配合 draggable="true" 和 ARIA aria-grabbed 状态