标签页 — CodeRoadMap站内有对应完整课时点击前往学习,带讲义与进度追踪节点说明与学习资源
选项卡组织在多个页面或内容部分之间的导航。
- 活动按钮状态:应清晰地区分选中和未选中的选项卡按钮。
- 按钮图标支持:图标有助于在标签旁边显示选项卡按钮的用途。
- 等大小的选项卡按钮:选项卡可用于相对较小的容器,其中需要在不同部分之间切换一个确定的数字。对于此类场景,最好支持按钮区域均分的变体。
- 键盘导航:所有选项卡按钮都应可聚焦,并且应可通过键盘在选项卡组件之间进行导航。
- 响应性:如果移动设备上的所有选项卡都不适合视口,用户仍然应能访问所有选项卡按钮。解决方法可以是使按钮区域对移动设备可滚动,或显示一个包含下拉菜单的“更多”按钮,其中包含其余按钮。