-
“查看网页源代码”只显示服务器返回的原始HTML，而JS动态修改的DOM需用“检查”查看Elements面板；curl默认无Cookie/User-Agent且不执行JS，故与浏览器源码不同；移动端需借助桌面DevTools调试。
-
localStorage只能存字符串，对象需用JSON.stringify序列化后存储，读取时用JSON.parse解析，且须用try...catch捕获解析错误；它会忽略函数、undefined、Symbol和Date等类型，容量约5MB并受跨域隔离限制，不可存储敏感信息。
-
负边距导致重叠内容被裁切或错乱，因容器不自动扩容且可能有overflow:hidden；需用position+z-index控制层叠，或grid-row/column精准定位共享轨道。
-
当元素同时使用position:relative和float时，float先生效使元素脱离文档流并浮动，relative再基于浮动后的位置进行偏移，可能导致偏移位置不符预期、父容器高度塌陷及布局错乱。解决方案是优先选用单一定位方式，避免混合使用；推荐采用Flex或Grid布局替代，以提升可维护性与布局清晰度。
-
暗黑模式下grid容器背景色不生效，需检查color-scheme是否显式声明在:root或html上，并确认background-color未被父级透明背景或高优先级样式覆盖。
-
:target-within目前（2024年中）几乎不可用——从未被任何主流浏览器实现，MDN和CanIUse均无记录，Chrome/Firefox/Safari均不识别；其本意是容器内子元素成为:target时触发样式，但现实只能靠:has(h2:target)（现代浏览器支持）或JS模拟。
-
HTML标签属性是附加在标签上的信息，用于配置元素的行为或外观。核心属性包括id和class，其中id唯一标识元素，class可复用以定义通用样式或行为；资源引用属性src和href分别用于加载资源和指定链接地址；表单相关属性如name、value、placeholder和required用于构建用户输入流程并支持验证；自定义属性data-*可用于存储自定义数据供JavaScript读取使用。掌握这些常用属性类型基本可应对多数网页开发需求。
-
使用CSS的padding-bottom技巧或aspect-ratio属性可固定视频宽高比，推荐现代项目用aspect-ratio，兼容老浏览器则采用padding-bottom方案，确保响应式设计中视频不变形。
-
display不能用transition，因其取值离散、无法插值；应改用opacity+visibility组合，注意visibility需延迟切换以配合opacity动画，并在必要时用JS监听transitionend或配合aria-hidden等方案补足。
-
HTML5input[type="datetime-local"]的min和max为什么没生效？因为值格式不匹配——min/max要求严格按YYYY-MM-DDThh:mm格式（秒可选，但必须补零），且时区隐含为本地。浏览器一发现格式不对，直接忽略整个属性。错误写法：min="2024-01-01"（缺T和时间部分）正确写法：min="2024-01-01T00:00"或min="2024-01-01T00:00:00"注意：不能写成min="2024/01/01"或带空格的
-
<p>使用语义化注释和统一格式划分HTML区域可提升可读性与维护效率，如<!--HeaderStart-->到<!--FooterEnd-->标记主要模块，嵌套区域采用缩进与细粒度注释，团队应约定大写、驼峰等命名规范并避免冗余注释，仅标注关键功能区以保持结构清晰。</p>
-
需从官网下载TwaverHTML5SDK压缩包，依次完成访问官网下载、选择稳定版压缩包、解压并校验文件结构、通过script引入或npm安装五步操作。
-
纯CSS折叠面板需确保可聚焦性与语义化：优先用原生<details><summary>，自定义时保留summary可聚焦性；max-height动画须用固定值；收起时同步设置max-height:0、overflow:hidden、opacity:0；无障碍须手动同步aria-expanded与aria-controls。
-
fetch比XMLHttpRequest更直接现代，基于Promise适配async/await；需手动检查response.ok处理HTTP错误；POST要设Content-Type；JSON响应须调用response.json()；忽略catch会导致静默失败。
-
是的，transform会让position:absolute元素变模糊，主因是缩放或平移非整数像素值导致sub-pixel渲染触发抗锯齿，尤其在非100%缩放、Retina屏或zoom≠1时更明显。
