-
HTML无法直接发送短信，只能通过sms:协议链接唤起系统默认短信App并预填内容；需注意国际号码格式、中文URL编码、多收件人兼容性差及移动端限制。
-
应使用min-height:100dvh+max-height:100dvh+overflow-y:auto替代height:100vh，配合flex-shrink:0和visualViewport.resize监听，在不支持dvh时降级并用JS动态更新高度。
-
HTMLOG标签本身不会导致社交分享失败，但写错、漏写、缓存未更新或服务端未正确返回会导致平台抓取空白/错误卡片；OG标签须在<head>中由服务端直出，JS动态注入无效；微信需JS-SDK配置且图片必须为绝对URL。
-
JSP中使用HTML5语义化标签需声明<!DOCTYPEhtml>、设置UTF-8编码、正确嵌套标签、为旧IE引入HTML5Shiv并显式设display:block、用JSTL替代脚本片段动态生成结构、最后验证DOM与样式。
-
页面可依系统语言自动切换，需准备对应JSON语言包并用navigator.language.split('-')[0]截取主语言码（如zh-CN→zh），缺失时回退至en；HTML文案须留空或隐藏body防闪动，同步设置document.documentElement.lang确保无障碍与字体正确，localStorage恢复时需处理null、前缀匹配及加载失败等边界情况。
-
Brotli11级压缩因编码耗时指数增长而拖慢HTTP响应，线上应选4–6级并预压缩；Nginx需正确配置Vary、Content-Encoding等头部及静态文件匹配；zstd仅适用于内网或归档场景，不可替代Brotli用于Web资源。
-
使用CSSGrid结合auto-fit、minmax()和gap可实现响应式卡片墙。1.auto-fit根据容器宽度自动填充列，每列最小250px并均分空间；2.gap统一设置16px间距，避免margin导致的布局问题；3.卡片结构统一，便于对齐与缩放；4.可选媒体查询在小屏下调整为minmax(150px,1fr)和12px间距，提升移动端体验。
-
语义正确的列表需按意图选用：无序列表<ul>用于无顺序依赖项（如菜单），有序列表<ol>用于有顺序项（如步骤）；嵌套时子列表须完整置于父<li>内，<li>中禁用<p><div>等非法子元素。
-
-webkit-line-clamp在Firefox中不生效，因其是WebKit私有属性，Firefox长期未支持；虽68+版本原生支持无前缀line-clamp，但旧版仍忽略该属性，且部分场景需配合display:-webkit-box等前提条件才生效。
-
CSS变量是ShadowDOM唯一允许的样式通信机制，通过:host声明并由内部var()读取，支持主题动态切换；变量需挂载宿主元素而非外部DOM，作用域受Shadow边界限制，不可穿透slot内部。
-
使用clamp()控制vw字体和间距可避免过激响应，如font-size:clamp(1rem,4vw,2.5rem)；line-height应用无单位值（如1.4）以同步缩放；推荐rem+vw混合方案提升兼容性与可控性。
-
根本解法是用Sass的$prefix变量重命名Bootstrap4的class前缀为.bs4-btn等，使其与Bootstrap5隔离；必须在导入functions前声明$prefix:"bs4-";Bootstrap5无原生$prefix，需手动wrapper或局部包裹。
-
答案：在移动端浏览器实现深度学习推理需将模型转为TensorFlowLite格式，通过tfjs-tflite库结合WebAssembly在JavaScript中加载运行，利用模型量化、后端优化和WebWorkers等技术提升性能，兼顾隐私、低延迟与离线能力。
-
HTML浏览器兼容性问题靠标准声明+特性检测+降级兜底三层解决：DOCTYPE必须首行无空格，html5shiv需配display:block规则，用Normalize.css统一默认样式，JS用存在性检测而非UA判断，构建配置须精准覆盖目标浏览器。
-
HTML多文件上传核心是multiple属性，需与type="file"共存、form设enctype="multipart/form-data"、后端按多值解析（如Express用upload.array）、FormData用同名key多次append、iOS低版本需降级、大文件须分批处理。
