-
必须用JavaScript监听input事件配合正则与字符集检测实现分级提示，纯pattern无法动态反馈；提示需紧贴input下方用display:none控制显隐，前后端校验策略须一致且可配置。
-
底部按钮居中应由其容器自身控制。1.justify-items:center仅在按钮分处独立网格单元时有效；2.若按钮同属一个区域，需用.buttons{display:flex;justify-content:center}或grid容器的justify-content实现；3.推荐将按钮组放入独立flex或grid容器，避免依赖父级对齐属性，结构更清晰且兼容性好。
-
HTML5最简合法结构为<!DOCTYPEhtml><html></html>，但开箱即用底线模板须含lang、charset、viewport、title等；doctype必须全小写且首行无BOM，head/body不可省略，否则引发解析错乱与构建失败。
-
HTML空元素共14个，是W3CHTML5标准明确定义的无内容、无闭合标签元素：area、base、br、col、embed、hr、img、input、link、meta、param、source、track、wbr。
-
能，但仅适用于纯数据对象；遇到Date、RegExp、Function、Map、Set、BigInt或循环引用会出错，undefined会被丢弃，NaN/Infinity转为null，Date变字符串，且不支持Symbol和原型链。
-
原生input和textarea无法直接实现标签输入，因其不支持多值管理、独立标签渲染与删除交互；需用JavaScript手动监听键盘事件、动态创建标签节点并同步hiddeninput值。
-
尾调用优化（TCO）是JavaScript引擎在严格模式下对满足特定条件的尾调用进行的栈帧复用优化，但主流引擎目前均未默认启用，代码符合语法仍会栈溢出，需手动转循环或用蹦床模式。
-
移动端底部fixed按钮被软键盘遮挡的本质是浏览器对fixed定位在键盘弹出时行为不一致；推荐用sticky替代、监听键盘状态、利用env(keyboard-inset-bottom)变量或嵌入输入框内布局来解决。
-
无用。Flex容器默认已是定位上下文，加position:relative纯属冗余；absolute子项脱离flex流，定位受overflow、transform等影响，需显式设置偏移并确保容器有明确尺寸。
-
rgba()在iOSSafari和AndroidChrome中基本可靠，但iOS8等旧版本在border-color、outline等属性中存在渲染异常；#RRGGBBAA仅限较新系统支持；opacity会导致子元素一同变透明，应优先用rgba()控制颜色透明度。
-
能，但必须手动累加、过滤并解析sources；注册PerformanceObserver需用layout-shift类型且buffered:true，尽早执行于head中；仅累加hadRecentInput为false的entry.value，并通过entry.sources或DevTools时间轴定位抖动源。
-
下拉菜单需父容器设position:relative作为定位基准，子菜单用absolute并设left:0;top:100%对齐，避免间隙导致闪烁，注意z-index层级与层叠上下文影响。
-
clear:both的空div无法撑开父容器高度，因其无内容、未触发BFC；overflow:hidden可触发BFC但会裁剪溢出；伪元素clearfix更稳妥；Flex/Grid布局下浮动失效，无需清浮动。
-
直接在header.php中硬编码<link>会覆盖WordPress主题更新、破坏样式依赖管理、导致加载顺序错乱；必须用wp_enqueue_style在wp_enqueue_scripts钩子中注册，确保依赖、缓存、路径和handle正确。
-
答案：CSS自动换行需结合word-wrap:break-word、word-break:break-all（按需）、overflow-wrap:break-word和white-space:normal；处理长单词或URL时使用word-break:break-all可防止溢出，但可能影响可读性；为使英文断字更自然，可启用hyphens:auto并设置HTML的lang属性；不同浏览器对这些属性支持程度不同，尤其hyphens在旧版浏览器中需加-webkit-或-moz-前缀以兼容。
