分类: 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 如何随窄屏幕缩放。