-
一个标准HTML页面需按顺序包含DOCTYPE声明、带lang属性的html根元素、head（含charset和title）与body（含可见内容）；所有标签须正确嵌套闭合，文件保存为.html后缀。
-
scoped是伪隔离，依赖属性选择器标记；ShadowDOM是原生隔离，外部样式无法穿透。CSSModules需避免字符串拼接class和滥用:global()，slot交互样式应使用:deep()或提升至父组件。
-
颜色和渐变通过CSS实现视觉提升，支持名称、十六进制、RGB、RGBA等颜色表示，结合linear-gradient可创建多方向、多角度、多色及透明渐变效果，适用于背景与遮罩设计。
-
尾调用优化（TCO）是ES6引入的一项机制，旨在解决传统递归导致的栈溢出和性能瓶颈问题。1.TCO通过复用当前栈帧而非创建新栈帧，使递归函数在执行时不再受限于调用栈大小，从而避免栈溢出错误；2.它减少了内存消耗，提升递归执行效率，尤其适用于深度递归场景；3.尾调用优化要求函数最后一步直接返回另一个函数调用的结果，不能夹杂其他操作，常见实现方式是使用累加器保存中间结果；4.目前主流JavaScript引擎如V8尚未广泛支持TCO，因此尾递归无法完全替代循环，尤其在兼容性和简单迭代场景中，循环仍是更优选择。
-
答案是结合CSS的transform、perspective和Grid布局实现卡片翻转。首先用display:grid创建三列网格，设置gap和padding；每个.card启用transform-style:preserve-3d并添加过渡动画；通过.card-front和.card-back定义正反面，利用backface-visibility:hidden隐藏背面，初始使.card-back旋转180度；可通过:hover触发transform:rotateY(180deg)实现悬停翻转，或用Jav
-
本文详解如何用\S精确匹配非空白字符，并通过$锚定行尾，避免多余字符干扰，解决nametest-name后误匹配anytext的问题。
-
Firefox对空白字符处理更严格，严格遵循HTML5规范导致排版错位；应使用white-space:pre-wrap等CSS属性控制，避免混用不换行空格与普通空格对齐，调试时须查看computedstyles中的white-space值。
-
在JavaScript中动态创建HTML元素是通过document.createElement()方法实现的。具体步骤包括：1.创建元素，如constnewDiv=document.createElement('div');2.设置元素属性，如newDiv.setAttribute('class','dynamic-div');3.添加样式，如newDiv.style.color='blue';4.插入到DOM中，如document.body.appendChild(newDiv)或document.bo
-
opacity作用于整个渲染层，使子元素一同变透明；应改用rgba()控制背景透明，或用伪元素隔离图层实现背景与内容分层。
-
使用<hr/>标签可实现HTML中内容主题的分隔，如段落、章节间的视觉分割，语义明确且可通过CSS自定义样式，提升页面结构清晰度与可访问性。
-
HTML5中无法直接嵌入可交互的外部HTML文档，但可通过四种方式实现引用与跳转：一、用<a>标签创建标准超链接；二、用iframe嵌入并控制跳转作用域；三、用object标签嵌入（兼容性差）；四、用JavaScript动态加载并注入（受同源策略限制）。
-
srcset和sizes属性可实现响应式图片。srcset提供不同尺寸或分辨率的图片版本，如“small.jpg600w,large.jpg1200w”或“icon.jpg1x,icon@2x.jpg2x”；浏览器根据设备特性选择最合适的资源。sizes使用媒体查询定义图片在不同视口下的显示宽度，如“(max-width:600px)100vw,(max-width:900px)50vw,33vw”，告诉浏览器图片的布局宽度。结合src、srcset和sizes可确保图片在各种设备上快速加载并清晰显示，同
-
JavaScript手势识别需监听touchstart、touchmove、touchend事件，通过位移、速度、角度、间距等特征判断滑动、缩放、长按等类型；须阻止默认行为并手动计算，如滑动需|dx|>|dy|且|dx|>30，缩放依赖两点距离比值，长按要求时间≥500ms且无显著移动。
-
嵌套Flex布局错位主因是父容器flex-direction与align-items设置不当。1.明确每层布局目标：外层控垂直（column），内层管水平（row）。2.检查父级flex-direction是否匹配预期流向，避免默认row导致混乱。3.警惕align-items继承影响，如column下align-items:center会压缩内层容器宽度。4.内层设width:100%或父级改用align-items:stretch释放尺寸限制。5.合理搭配row/column实现清晰结构，注意alig
-
字体在某些浏览器不显示是因为仅提供单一格式（如仅.woff2），旧版浏览器（IE9–11、老版Safari等）不支持；应通过@font-face按“从新到旧”顺序声明.woff2、.woff、.eot/.ttf等多种格式以确保兼容。
