-
用<dl>+<dt>/<dd>表示“完成全部课程”最贴切，<dt>写条件（如“课程进度”），<dd>放状态并设data-status属性，配合aria-live和CSS属性选择器实现语义化、可访问、易维护的动态提示。
-
CSSmax()是CSS函数，非HTML功能，必须用于支持长度值的CSS属性中（如width），且需浏览器支持CSSValuesandUnitsLevel4；写在HTML标签或属性里无效。
-
HTML的<fieldset>元素默认带有边框和外边距，但若内部标签未正确闭合（如<select>缺少结束标签），会导致渲染异常、边框消失、内容错位，甚至后续fieldset被合并显示。本文详解常见错误及规范用法。
-
本文介绍如何使用jQuery遍历JSON数组对象，为每个对象生成<tr>行，为其每个属性生成<td>单元格，并动态渲染为完整HTML表格，支持任意结构数据且无需预设字段名。本文介绍如何使用jQuery遍历JSON数组对象，为每个对象生成``行，为其每个属性生成``单元格，并动态渲染为完整HTML表格，支持任意结构数据且无需预设字段名。在前端开发中，将JSON数据快速渲染为HTML表格是
-
浏览器静默跳过<source>的最常见原因是media属性写法错误，必须是完整合法的CSS媒体查询，括号不能省、关键字不能漏；其次type值错误、服务器Content-Type不匹配、<source>顺序不当或图片文件损坏也会导致fallback。
-
ContactPickerAPI可在安全上下文中异步获取用户选择的联系人原始字段并直写DOM，仅支持Chromium80+，需检测navigator.contacts可用性、显式声明字段、处理多值数组及AbortError等异常。
-
box-sizing:border-box和line-height是解决input与button高度不一致最稳定方案；需统一设置并加浏览器前缀，同时重置outline、border，button需type="submit"并处理移动端touch-action与缩放。
-
line-clamp不生效主因是父容器未满足-webkit-box布局前提，须同时设display:-webkit-box、-webkit-line-clamp和-webkit-box-orient:vertical，且仅对块级元素有效，Firefox118+才支持无前缀语法。
-
Map支持任意类型键，基于SameValueZero算法比较：对象/数组按引用，原始值按值（0与-0相等）；WeakMap仅支持对象键且不可遍历，适合关联对象生命周期的状态缓存。
-
JavaScript中的隐式转换由==比较、算术运算（+/-/*/等）、逻辑运算（&&/||/!）、条件上下文（if/while/三元）触发，核心依赖ToNumber、ToString、ToBoolean规则，需结合场景理解而非死记结果。
-
Set通过Same-value-zero机制实现去重，支持原始值和引用类型唯一性判断，其中NaN被视为相同，引用类型基于地址比较，内容相同但地址不同仍视为不同值，因此需借助JSON.stringify或深比较实现内容去重。
-
text-overflow:ellipsis在Flex中失效并非bug，而是因Flex子项默认min-width:auto阻止压缩，导致无法触发溢出；必须在Flex子项上显式设min-width:0，并配合width/max-width、white-space:nowrap、overflow:hidden三者同级生效。
-
必须用标签而非CSS模拟，因其原生支持语义正确、浏览器自动适配字体基线、保障屏幕阅读器准确朗读，适用于化学式（如H₂O）、数学公式等需精确对齐与无障碍访问的场景。
-
HTTPBasicAuth是服务端验证的最快方案，Nginx/Apache原生支持，无需改HTML、不依赖后端；前端JS方案仅为障眼法，无法真正防护。
-
使用required属性可将输入框设为必填项，只需在input、textarea或select等表单元素中添加该属性，浏览器会在提交时自动验证，未填写则阻止提交并提示；配合form标签和提交按钮实现完整表单验证，可通过CSS设置invalid样式优化外观，用title属性自定义提示信息，注意select默认选项值应为空字符串以确保验证生效。
