分类: HTML 参考手册

HTML 单选按钮:name 分组、checked 与 required
构建两个独立的单选按钮组,并在完整示例中检查它们提交的值。了解 name、id、value、checked、required、reset、标签和键盘选择如何协同工作。

HTML em、strong 标签:强调、重要性与 b、CSS 的区别
在完整的 HTML 示例中比较语气强调和重要性。了解何时使用 em、strong、b 或 CSS font-weight,以及为何视觉样式不能取代语义含义。

HTML progress 标签:显示进度与切换不确定状态
通过 value 和 max 计算任务完成情况,并在一个完整的交互示例中切换到不确定进度。学习如何命名任务、宣布其状态,以及区分进度与计量器。

HTML label 标签:关联 for 与 id,扩大点击范围
通过完整示例比较 for/id 显式关联与 label 包裹控件的方式。检查点击和键盘操作,区分标签、占位符与补充说明,并排查重复 ID。

HTML caption 标签:表格标题与上下位置设置
为整个表格提供一个标题,并用 caption 与表头区分开来。完整示例展示了 caption-side 如何将标题移动到表格上方或下方,并解释了辅助功能方面的注意事项。

HTML br 标签:换行方法及与 p、wbr、pre 的区别
通过一个完整示例比较 br 换行与源代码格式和分段。一个比较表说明何时选择 p、wbr 或 pre,以及为什么段落间距应由 CSS margin 控制。

HTML address 标签:文章作者与网站运营者的联系信息
通过完整示例区分文章作者和网站运营者的联系信息。了解 address 的适用范围、mailto 链接的行为,以及内容与样式规则。

HTML select 标签:下拉菜单、多选与提交值
在一个工作表单中比较 select 和 option 的名称与数值,包括必填和多重选择。检查禁用字段排除、默认选择、重置行为,以及如何读取所有选中的值。

HTML noscript 标签:JavaScript 禁用时显示备用内容
通过完整的 noscript 示例比较禁用脚本和 JavaScript 运行时错误。了解如何保持重要指导可用,以及备用内容在 body 和 head 中的位置。

HTML figure、figcaption 标签:组合内容与设置图注位置
通过完整的 figure 和 figcaption 示例,对比图注在内容前后的位置。了解图注与图片替代文本的区别,以及 SVG 如何随窄屏幕缩放。