如何设计健身网站页面布局，打造HTML健身房网站？

本文共计920个文字，预计阅读时间需要4分钟。

健身网站不是堆砌标签，而是依靠语义结构撑起来的——用错一个标签、SEO掉权、屏幕阅读器读错逻辑、键盘用户跳不过列表，全在你第一行写出的代码中。

课程页主标题和简介怎么套标签

主标题必须是全页唯一的 <h1>，不是 <h2> 或多个 <h1>。简介段落不属于 <header> 的职责范围，哪怕它紧挨着标题显示。

• <header> 只包裹本节的元信息：比如课程名 + 难度图标 + 教练头像 + 收藏按钮，不包封面图、不包简介文字
• 简介属于主体内容，应放在 <main><section> 内，用 <p> 或带辅助数据的 <dl>（如“训练时长：<dd>45分钟”）
• 封面图必须用 <figure><img><figcaption>，不能塞进 <header> 里“凑结构”

训练动作列表为什么不能用 <section>

动作顺序不可更改，本质是有序数据流，不是逻辑区块。