-
HTML5中插入特殊符号的四种方法：一、用HTML实体（如©）并声明UTF-8编码；二、直接输入UTF-8字符（需编辑器与文件均为UTF-8）；三、CSS伪元素content注入Unicode（如\2713）；四、SVG内联图形替代复杂符号。
-
grid-row与grid-column用于精确控制网格项的行和列位置，支持通过数字、span关键字或命名线定义起始与结束线，实现灵活布局；使用span可简化跨行列设置，命名线提升代码可读性，配合z-index处理重叠，合理规划可构建清晰高效的复杂网格布局。
-
答案：CSS过渡通过明确设置初始和结束状态实现动画效果。需定义元素的起始样式（如opacity:0、width:100px），并利用:hover或类切换触发目标状态，transition自动计算中间帧完成平滑过渡；结合JavaScript控制类名变更，可精准模拟from/to行为，实现可控动画流程。
-
CSSGrid布局的核心在于通过grid-template-columns和grid-template-rows定义行列结构，结合fr单位、repeat()函数与grid-auto-rows等特性实现灵活的二维布局。首先，display:grid创建网格容器，随后grid-template-columns和grid-template-rows设定显式网格的列宽与行高，支持px、%、auto及fr等单位，其中fr单位可智能分配剩余空间，避免复杂计算。例如200pxauto1fr能实现固定、自适应与弹性分配的
-
原生拖拽需在dragstart中调用dataTransfer.setData()，否则后续事件失效；dragover必须preventDefault()且目标元素需可接收；drop时getData类型须与setData严格匹配；移动端不支持该API。
-
最直接实现导航栏左右分布用justify-content:space-between，需父容器display:flex且子元素分左右容器包裹；居中主菜单宜用margin:auto；响应式优先flex-wrap+order；避免float或absolute。
-
HTML4中script默认同步阻塞，HTML5新增async（下载完立即执行，顺序不确定）和defer（DOM解析后按序执行），二者仅对外部脚本生效，内联脚本忽略这些属性。
-
使用position:sticky实现导航栏吸顶时，必须设置top值并确保其有可滚动的后续内容；父容器的overflow:hidden通常不是根本原因。
-
HTML5不支持RTSP协议，必须通过服务端转协议（如HLS、WebRTC、WebSocket+MSE），且页面须运行在HTTPS或localhost安全上下文中；所有资源（.m3u8、.ts、wss）均需HTTPS/WSS，CORS与证书链配置也必须合规。
-
变量提升是JavaScript中var声明被提升并初始化为undefined，而let/const声明虽被提升但不初始化，访问会触发ReferenceError，该区域称暂时性死区（TDZ）。
-
浮动元素无法通过z-index改变层级，因其未创建层叠上下文且z-index仅对定位元素有效。需同时设置position为relative、absolute等非static值才能使z-index生效。例如添加position:relative后，z-index即可正确控制层叠顺序。需注意父容器若创建了层叠上下文（如设置opacity），仍会影响子元素的最终显示层级。
-
this的指向由函数调用方式决定：1.全局环境中指向全局对象（非严格模式）或undefined（严格模式函数中）；2.作为对象方法调用时指向该对象；3.构造函数中指向新创建的实例；4.call、apply、bind可显式绑定this；5.箭头函数无自身this，继承外层作用域；6.事件处理函数中通常指向触发事件的DOM元素。
-
表单验证应慎用正则，优先使用原生属性；正则适用于手机号、身份证、密码强度等业务规则校验，需注意避免过度匹配、回溯爆炸，并采用预编译与分层验证策略。
-
核心思路是将样式与JS模块对齐，按路由、组件或条件分支做颗粒度控制，确保SSR中CSSchunk与JSchunk严格一致，动态引入CSS需配合lazy加载，避免手动插入，并通过配置PurgeCSS、emotion/styled-components插件及微前端样式加载机制实现真正按需。
-
能，maxlength属性可直接限制textarea字符数，但仅现代浏览器可靠，按Unicode码点计数，需配合JS校验粘贴、输入法等场景，并必须服务端二次校验。
