-
FIMO生成的HTML不含SVG矢量路径数据，其motiflogo为嵌入的PNG位图，源码中无<svg>或<path>标签；所有可用结构化数据仅存在于表格中，需另用weblogo或logomaker生成SVG。
-
本文介绍一种基于事件委托与语义化HTML的健壮方案，解决多题型表单中“仅首题校验生效”的常见问题，通过data-*属性解耦逻辑、避免ID冲突，并支持大小写/空格容错比对。
-
Dreamweaver2026中align属性失效，因HTML5已废弃该内联属性；应改用CSS控制对齐：float、margin:auto、Flex布局或vertical-align等现代方案。
-
iframe加载空白或报错“blockedbyCORS”是因跨域策略限制：不同源时父页JS无法访问子页DOM/JS，属浏览器安全机制；需用postMessage通信，且本地file://协议下所有iframe均被视作跨域，必须启用本地服务。
-
BigInt字面量必须以小写n结尾，仅支持十进制、0b二进制、0o八进制、0x十六进制整数形式；不支持小数点、科学计数法、大写N或前导零（严格模式）；与Number不能自动混合运算，需显式转换，且JSON不原生支持。
-
Flex布局下input和button高度不一致时，应统一box-sizing:border-box、显式设置line-height、移除button默认border/outline，并用flex:1让input占满剩余空间、align-items:stretch自动拉齐高度。
-
metaviewport是移动端页面正常显示的第一道门槛，不加则默认缩放至980px导致文字过小、交互失准；加上width=device-width才使布局视口匹配设备逻辑像素宽度，确保CSS计算准确、媒体查询有效、高DPR渲染清晰。
-
flex:1能撑满剩余空间是因为它是flex-grow:1、flex-shrink:1和flex-basis:0的简写，其中flex-basis:0使元素初始宽度为0，剩余空间按比例分配。
-
直接用:checked伪类能控制开关状态，因其响应checkbox原生状态变化，无需JS且兼容IE9+；label与input需正确关联，input不可display:none而应隐藏；滑块动画用::after配合transform实现；深色模式用prefers-color-scheme适配，禁用状态需用aria-disabled或class控制；pointer-events:none加在input上以保留可访问性。
-
abbr标签必须带title属性才生效，且首次出现缩写时须前置全称，HTML5已废弃acronym标签，表格中th/td的abbr属性亦不合法。
-
Bootstrap通过container、row、col类结合Flexbox实现响应式网格布局，利用12列系统和断点前缀（如col-md-6）适配不同屏幕尺寸，配合对齐、间距、嵌套及组件等工具构建高效弹性布局。
-
border-width本身不能单独显示边框，必须配合border-style和border-color（或使用border简写）才能生效；支持像素值、相对单位及thin/medium/thick关键字，但后者像素不固定；推荐用border简写确保完整定义，响应式场景宜用box-shadow或clamp()替代固定像素。
-
section表达有主题、可独立理解的内容区域，必须含标题；div是无语义布局容器，仅用于样式或脚本。滥用section会破坏语义结构。
-
父级高度塌陷源于absolute元素脱离文档流，解决关键是让父级感知子元素或主动撑高；常用方法是设position:relative提供定位上下文，但需配合内容、padding、min-height等确保高度来源。
-
本文介绍如何通过CSS媒体查询精准控制桌面端图片大小，解决“移动端适配良好但桌面端图片过大”的常见问题，同时保持响应式结构不被破坏。
