在线教育课程章节目录必须用包裹、组织、嵌套，锚点id与href严格一致且规范，移动端折叠需配对使用aria-expanded和aria-controls。
用
章节目录本质是页面级主导航——学生靠它快速定位学习路径。必须用<nav></nav>包裹整个目录，这是唯一能向屏幕阅读器、搜索引擎明确传达“这是导航”的语义标签。用<div class="toc">看着一样，但读屏软件会把它当普通容器忽略；套在<code><section></section>里更错，因为<section></section>表达的是内容主题单元，不是导航意图。目录若放在课程详情页内，建议紧贴<main></main>开头，不嵌套在其他语义容器中。
章节用，每项必须是包
课程天然有序：第1章→第2章→结业测验。用<ol></ol>才能保留这个顺序语义，辅助技术能据此播报“第3项”，JS也能可靠计算当前进度。每个列表项<li>里必须放一个带href的<a></a>，且<a></a>内部必须直接包裹标题元素（如<h3></h3>），不能只写文字。例如：<li><a href="https://www.php.cn/link/ba2f2350fe7c33073ef8b27d720ba36d"><h3>第三章：事件委托</h3></a></li>。这样既满足跳转功能，又确保标题层级与导航结构一致。
锚点id要规范，对应标题的id属性
点击“第三章”没反应？大概率是锚点断连。章节标题（如<h2 id="chapter-3"></h2>）的id值，必须与目录链接里的href="https://www.php.cn/link/ba2f2350fe7c33073ef8b27d720ba36d"完全一致。id值要全站唯一、小写、用短横线分隔（如chapter-3），禁用中文、空格、特殊符号。HTML5已废弃name属性做锚点，也别写href="#"或javascript:void(0)——这些无法被键盘Tab聚焦，破坏基础可访问性。
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
下载
移动端折叠时，aria-expanded和aria-controls必须成对出现
响应式设计常把目录收进汉堡菜单，但仅靠CSS隐藏（display: none）会让读屏用户完全感知不到“这东西还能展开”。必须给触发按钮加aria-expanded="false"，给目标目录容器设id="toc-list"，再在按钮上补aria-controls="toc-list"。JavaScript切换显示状态时，同步更新aria-expanded的值（"true"或"false"），否则读屏软件读不出状态变化——这不是锦上添花，而是WCAG 2.1 AA级合规的硬性要求。
课程天然有序：第1章→第2章→结业测验。用<ol></ol>才能保留这个顺序语义，辅助技术能据此播报“第3项”，JS也能可靠计算当前进度。每个列表项<li>里必须放一个带href的<a></a>，且<a></a>内部必须直接包裹标题元素（如<h3></h3>），不能只写文字。例如：<li><a href="https://www.php.cn/link/ba2f2350fe7c33073ef8b27d720ba36d"><h3>第三章：事件委托</h3></a></li>。这样既满足跳转功能，又确保标题层级与导航结构一致。
锚点id要规范，对应标题的id属性
点击“第三章”没反应？大概率是锚点断连。章节标题（如<h2 id="chapter-3"></h2>）的id值，必须与目录链接里的href="https://www.php.cn/link/ba2f2350fe7c33073ef8b27d720ba36d"完全一致。id值要全站唯一、小写、用短横线分隔（如chapter-3），禁用中文、空格、特殊符号。HTML5已废弃name属性做锚点，也别写href="#"或javascript:void(0)——这些无法被键盘Tab聚焦，破坏基础可访问性。
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
移动端折叠时，aria-expanded和aria-controls必须成对出现
响应式设计常把目录收进汉堡菜单，但仅靠CSS隐藏（display: none）会让读屏用户完全感知不到“这东西还能展开”。必须给触发按钮加aria-expanded="false"，给目标目录容器设id="toc-list"，再在按钮上补aria-controls="toc-list"。JavaScript切换显示状态时，同步更新aria-expanded的值（"true"或"false"），否则读屏软件读不出状态变化——这不是锦上添花，而是WCAG 2.1 AA级合规的硬性要求。
