-
标签语句本身不执行任何操作，仅用于为语句命名以供break或continue精确跳转非最近一层循环或代码块；标签由标识符加冒号构成，须紧贴目标语句前且仅适用于声明、块、循环或switch语句。
-
绝对定位元素相对于最近的已定位祖先定位，若无则相对视口；父元素设为relative可创建定位上下文，使子元素依其定位，常用于弹窗、菜单等组件，需注意z-index和滚动容器的影响。
-
使用TailwindCSS可快速构建响应式卡片组件，通过组合工具类实现样式。1.基础结构：用rounded-lg、overflow-hidden、shadow-md和bg-white定义卡片外观；2.内容布局：图片使用w-fullh-48object-cover保持比例，文字区域用p-4留白，text-lgfont-semibold设置标题；3.响应式优化：通过md:p-6、md:text-base、md:w-64适配大屏；4.交互效果：添加hover:shadow-lg、transition-shado
-
不能，用户拒绝后Notification.requestPermission()始终返回"denied"且不再弹窗；必须引导用户手动进入浏览器设置开启通知权限。
-
误用div和span、标题层级混乱、滥用strong与em、列表使用不当是常见HTML语义化错误。应优先使用header、nav、article等语义标签；保持h1至h6逻辑递进；按语义选用strong、em、b、i；列表用于结构化内容，避免为样式滥用标签。坚持内容决定标签，借助Lighthouse等工具检测，提升可访问性、SEO与维护性。
-
根本原因是服务器返回的Content-Type响应头不是text/css，现代浏览器（如Chrome90+）会严格校验该值，即使CSS内容正确，只要Header不符就拒绝解析并报“MIMEtypemismatch”。
-
ChromeDevTools改样式未实时生效，主因是规则被覆盖或修改了失效副本；需确认元素被选中、检查Styles面板是否划掉、禁用干扰插件，并注意CSS-in-JS、构建工具冲突及HMR配置问题。
-
:nth-child(odd)不生效的根本原因是它按父元素下所有同级子元素的物理位置计数，而非仅目标标签；混入thead、div等干扰节点会导致序号错乱，应改用:nth-of-type(odd)或限定tbody作用域。
-
scroll-behavior:smooth在高刷屏上卡顿因默认按60fps调度，未适配屏幕真实刷新率；Chrome120+已支持自动适配，Safari仍锁死60fps；它不响应prefers-reduced-motion，需手动监听处理；与sticky配合易丢锚点，手写rAF滚动更可控。
-
HTML5video.play()必须由用户手势触发且需处理Promise拒绝；应监听loadedmetadata确保加载完成，并为iOSSafari设置muted和playsinline属性。
-
双击HTML文件在Safari中白屏是因file://协议限制，应改用http://localhost运行；推荐Python命令python3-mhttp.server8000或VSCode的LiveServer插件。
-
新版QQ浏览器已彻底移除Flash支持，因Adobe终止服务且腾讯删除NPAPI接口与Flash模块，无法通过任何设置恢复；老Flash内容需检查资源是否存活或转码为HTML5格式。
-
HTML中控制文本换行与格式需用<br>、<pre>、white-spaceCSS属性、<p>标签或contenteditable配合Unicode换行符，各法适用场景不同且须遵循语义规范与安全要求。
-
设置overflow-y为auto或scroll可解决内容截断问题，1.容器固定高度搭配overflow:hidden会导致溢出内容被隐藏；2.使用overflow-y:auto在垂直方向超出时自动显示滚动条；3.可配合overflow-x:hidden控制横向不滚动；4.需避免子元素的绝对定位或flex布局破坏滚动结构。
-
本文详解如何通过优化JavaScript滚动监听逻辑，精准控制粘性头部（stickyheader）的显隐行为：向下滚动时添加hideHeader类隐藏，向上滚动时添加showHeader类显示，并在滚动至页面顶部时自动清除两类样式，彻底解决残留class导致的视觉异常问题。
