核心知识
Tab 的语义结构
Tab 由 tablist、tab 和 tabpanel 组成，选项与面板通过 id/aria-controls 关联。
- tablist 包围选项卡
- aria-selected 表示当前项
- tabpanel 关联 aria-labelledby
<div role="tablist">
<button type="button" id="tab-a" role="tab"
aria-controls="panel-a" aria-selected="true">介绍</button>
</div>
<section id="panel-a" role="tabpanel"
aria-labelledby="tab-a" tabindex="0">课程介绍</section>