-
text-indent无效的首要原因是作用于行内元素（如<span>、），它仅对块级元素或display设为block/inline-block的元素生效；需检查元素类型、父容器布局及是否被其他样式覆盖。
-
语义化标签需按内容角色而非样式选用：article用于可独立分发的内容单元，section用于同主题逻辑分组，aside用于非核心补充信息，nav专用于导航链接集合。
-
output标签本身不计算，只负责语义化显示；实时更新依赖oninput事件配合JavaScript表达式，推荐绑定在form上以自动代理子元素事件，优先使用value属性赋值并注意空值兜底处理。
-
BroadcastChannel是浏览器原生支持的同源跨标签页广播通信机制，仅限同协议、域名、端口页面间使用，不兼容IE，消息自动送达所有同名频道监听页但不包括发送方自身，需手动close()防泄漏。
-
相对定位父元素配合绝对定位子元素可实现精准布局，子元素依据父元素边界定位，常用于角标、下拉菜单和模态框等场景，需注意父元素必须设为relative以避免定位漂移。
-
使用align-items:center可解决导航栏图标与文字对齐问题。通过将导航项设为Flex容器，结合gap设置间距，确保图标和文字垂直居中；需统一图标尺寸或包裹处理以避免偏移，并可配合line-height增强兼容性，提升移动端显示稳定性。
-
grid-template-areas没生效最常见原因是子元素未设grid-area或名称拼写、大小写不一致；grid-area值不应加引号，仅含特殊字符时才需引号；响应式需用媒体查询重定义整条规则，且各断点区域名须一致。
-
图片容器需设position:relative作为定位锚点，文字层用position:absolute配合top/left及z-index:1定位并置顶，背景用rgba而非opacity，响应式推荐百分比坐标与transform垂直居中。
-
<picture>标签本身不加载图片，仅作为容器；真正触发加载的是内部<source>规则匹配后对应的资源及必需的<img>元素——无<img>则无渲染、无请求。
-
不能，负margin本身不会让子元素突破父容器视觉边界；真正起作用的是父容器的overflow设置：visible时可溢出，hidden/auto时仍被裁剪。
-
箭头函数和解构赋值是ES6核心特性，前者简化函数语法并解决this指向问题，后者便捷提取数组和对象数据。1.箭头函数用=>定义，省略function、return及括号，适用于回调和单行表达式；2.箭头函数无自身this，继承外层作用域，避免定时器或事件中this错误；3.解构赋值按模式提取值，数组可跳过元素，对象可重命名或设默认值；4.函数参数结合解构提升接口可读性；5.两者结合常用于API数据处理，如map中嵌套解构提取深层属性。合理使用可显著提升代码简洁性与健壮性。
-
VS2015默认不完整支持HTML5语义标签和属性校验，因基于旧WebForms引擎且默认使用HTML4.01DTD验证；需手动替换schema文件、修改注册表并重启才能启用HTML5模式。
-
本文介绍在Flask模板中安全、正确地将数据库存储的图片路径渲染为HTML元素的CSSbackground-image，解决因字符串拼接或路径格式错误导致的背景图不显示问题。
-
JavaScript事件是用户或浏览器操作触发的信号，通过addEventListener为DOM元素添加监听器以响应click、input、keydown等事件，支持多监听、捕获/冒泡控制及事件委托。
-
WebLocksAPI仅提供同源单例资源的互斥执行控制，不负责权限同步；锁名须含业务唯一标识且URL-safe，mode必须显式设为'exclusive'，ifAvailable应启用以防阻塞，Safari不支持需服务端幂等兜底。
