VISUAL EXAMPLE
先看懂它怎么工作
- 01标签建立结构
- 02浏览器形成文档树
- 03辅助技术读取语义
MECHANISM
运行机制
- 标签建立结构
- 浏览器形成文档树
- 辅助技术读取语义
USE WHEN
适合这样用
组织页面信息和可访问结构
NOT FOR
不要这样理解
不要只用 div 模拟所有标题、按钮和表单
TELL YOUR AGENT
可直接发给 Agent
请按“HTML”的概念处理这个需求：把标题、正文、列表和表单先搭出来。先说明实现边界，再给出可检查的结果。ACCEPTANCE
怎么确认它真的做好了
标题层级、表单标签和交互元素语义正确
OFFICIAL SOURCES