-
HTML5网页拼接有五种原生方法：一、iframe嵌入隔离内容；二、fetch+innerHTML动态注入；三、template元素预定义可复用结构；四、WebComponents封装自定义元素；五、Server-SentEvents流式拼接。
-
浮动与动画结合可实现轻量级视觉效果，如产品卡片渐入。通过float布局元素并用animation添加入场动效，配合clearfix防止塌陷，适用于简单多列展示场景。
-
JavaScript通过try-catch-finally和throw实现异常处理，结合Promise.catch与async/await捕获异步错误，并利用window.error和unhandledrejection监听全局异常，配合错误恢复策略提升程序稳定性。
-
Flexbox子元素等高布局通过display:flex实现，容器默认align-items:stretch使子元素在交叉轴拉伸。示例：.container{display:flex}即可让.item等高，适用于卡片或多列布局。需注意避免float、固定高度或absolute定位导致失效。
-
使用grid-template-areas可让CSS网格布局更直观，通过命名区域“画”出结构，如"headerheader""sidebarmain"实现清晰拼图式布局，相同名称自动合并区域，用点（.）表示留白，响应式中可重定义区域顺序而无需修改子元素，提升可读性与维护效率。
-
setTimeout和setInterval不能精确倒计时，因其仅保证“至少”等待指定时间；应以Date.now()或服务端时间戳为基准动态计算剩余时间，避免累加误差。
-
JavaScript已突破浏览器限制，广泛应用于后端（Node.js）、硬件控制（树莓派、IoT）、AI集成（LLM调用）、跨平台应用（Tauri、Capacitor）及内容创作等领域，成为通用编程语言。
-
scroll-behavior:smooth;用于实现页面滚动的平滑动画效果，需应用在实际产生滚动的容器上（如html或body），并确保该容器设置了overflow属性；若未生效，可能因元素未真正滚动、CSS优先级冲突、JS强制跳转或浏览器兼容性问题；除CSS外，也可使用JavaScript方法如window.scrollTo()或element.scrollIntoView({behavior:'smooth'})实现更灵活控制；使用时应考虑无障碍需求，通过@media(prefers-reduced
-
Promise是JavaScript处理异步操作的对象，有pending、fulfilled、rejected三种不可逆状态；可封装回调函数实现链式调用与统一错误处理，配合async/await使异步代码更简洁。
-
FinalizationRegistry用于在JavaScript对象被垃圾回收时执行清理外部资源的回调。其使用步骤为：1.创建实例并传入回调函数，用于接收对象回收后的关联值并执行清理；2.使用register方法注册目标对象及其关联值，可选提供解除注册令牌；3.可通过unregister方法主动解除注册以防止回调触发。它适用于管理WebAssembly内存、文件句柄等非JavaScript自动管理的资源，但其回调是非确定性的，不能用于需立即执行的清理操作。与WeakRef不同，FinalizationR
-
HTML5中控制元素宽度有五种方式：一、HTML的width属性仅适用于img等特定元素，值为纯数字像素；二、CSSwidth支持所有单位和元素；三、CSS自适应宽度用百分比、max-width或flex/grid；四、min-width/max-width设弹性约束；五、vw单位以视口宽度为基准。
-
使用align-items:stretch可实现多列等高。Flexbox中父容器设为display:flex并确保align-items:stretch（默认值），子元素不设固定高度；Grid布局中父容器使用display:grid且定义grid-template-columns，子元素自动等高。需排查max-height、绝对定位或表单元素等干扰因素，必要时单独设置align-self:stretch。
-
复选框允许多选，单选框强制单选，两者均通过input标签实现，关键区别在于交互行为和name属性的使用。
-
要实现HTML表格单元格内容的省略显示，核心步骤是强制文本不换行、隐藏溢出内容并添加省略号提示。1.设置white-space:nowrap;阻止文本换行；2.使用overflow:hidden;隐藏超出部分；3.应用text-overflow:ellipsis;添加省略号；4.必须为单元格设置明确宽度（如max-width或width），否则text-overflow不生效。此外，text-overflow还支持clip值用于直接截断文本，但ellipsis更为常用。在响应式布局中，建议使用相对单位（如
-
HTML5新增标签核心是语义归位而非功能增强，必须优先掌握7个：<header>、<footer>、<nav>、<main>、<article>、<section>、<aside>，其中<main>每页仅一次且不可嵌套，<article>强调独立分发，<section>用于逻辑分组，<aside>须关联邻近内容，<header>/<footer>是语义
