必须加viewport且设对initial-scale，POCO系列屏幕尺寸与DPR差异大，仅width=device-width会导致渲染异常；正确写法为width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no，并配合rem动态根字体、env(safe-area-inset-top)安全区适配、禁用tap高亮及真机多版本验证。

左右结构对不齐主因是box-sizing、padding、border或浮动残留，应优先用Flex/Grid布局；Flex通过align-items控制对齐，Grid用align-items/justify-items精确调控；务必全局设box-sizing:border-box并用开发者工具排查真实尺寸差异。

HTML5拖拽API通过draggable属性启用拖拽，配合dragstart设置数据、dragover阻止默认行为、drop执行放置逻辑，并用dragenter/leave等事件优化交互反馈。

可通过浏览器快捷键Ctrl+U（Windows）或Cmd+U（macOS）快速查看网页原始HTML源代码；或按F12打开开发者工具，在“Elements”面板查看实时渲染的DOM结构；右键选择“查看网页源代码”、在线工具及curl命令也是有效方法。

正确嵌套HTML标签是确保页面结构合法和样式正常显示的关键。一、每个开始标签需有对应结束标签，遵循“后开先关”原则，如<div><p>内容</p></div>；二、禁止交叉嵌套，错误示例如<b><i>文本</b></i>；三、使用语义化标签如<header>、<section>明确层级，避免非法嵌套如<button>内含<a>；四、利用浏览器开发者工具和代码编辑器检查

触摸事件未触发的主因是HTML5结构标签默认不可点击，需添加tabindex、cursor:pointer或改用pointerdown等方案。

使用position:fixed+transform是推荐的模态框居中方案，通过top:50%、left:50%和transform:translate(-50%,-50%)实现未知宽高下的精准居中，兼容性好且无需预先知道尺寸；另一种是position:absolute配合负margin，适用于已知宽高情况，需父容器相对定位并手动设置边距，维护性较差。建议搭配fixed定位的半透明遮罩层提升体验，合理设置z-index确保层级正确。

使用overflow-x和overflow-y可精准控制元素溢出行为，推荐多数场景设为auto以提升体验；通过设置overflow-y:auto实现垂直滚动、overflow-x:auto支持横向滑动，结合hidden避免冗余滚动条；处理嵌套滚动时应避免冲突，可利用overscroll-behavior防止滚动穿透，尤其在移动端模态框中限制内部滚动；响应式设计中需按设备调整策略，如小屏启用横向滚动查看宽表格，触控场景配合touch-action优化操作，核心是根据内容布局合理决定滚动方向与显示时机。

button和input[type="button"]视觉相似但语义、DOM结构、可访问性及样式行为不同：button支持嵌套内容和innerHTML，input仅value；两者默认均提交，须显式设type="button"；button样式更可控，伪元素不支持，表单序列化中均不参与提交。

JavaScript通过WebAPI实现音视频采集、处理与实时传输，WebRTC是核心框架，支持点对点加密通信、动态编码调节及质量监控，广泛应用于在线教育、远程医疗、云游戏等场景。

外部CSS文件应使用<link>而非@import，因其避免串行加载、FOUC和解析阻塞；需按功能拆分、条件加载、哈希命名并合理设置缓存策略。

数据驱动的HTML文件是指内容通过外部数据动态生成而非硬编码在页面中。1.数据获取：从数据库、API或JSON文件等来源获取结构化数据；2.模板定义：创建含占位符的HTML模板，规定页面结构；3.数据绑定与渲染：通过前端JavaScript框架或后端模板引擎将数据填充至模板，生成完整HTML；4.内容呈现：将渲染后的HTML发送给浏览器展示。编辑HTML可采用文本编辑器手动编写，也可通过编程方式自动化修改。实现方式包括：客户端渲染（CSR），如React、Vue通过JS动态更新DOM；服务器端渲染（SSR

在HTML页面中添加滑动侧边栏可以通过HTML、CSS和JavaScript实现。1.在HTML中定义侧边栏结构，使用<div>元素包裹内容。2.通过CSS控制侧边栏的样式和滑动效果，使用transform属性。3.使用JavaScript定义openNav()和closeNav()函数控制侧边栏的打开和关闭。

HTML5的FileReaderAPI支持读取本地文件内容及获取基本信息：一、通过inputtype="file"获取File对象；二、用readAsText读取文本；三、用readAsDataURL生成DataURL预览资源；四、用readAsArrayBuffer读取二进制数据；五、直接访问File属性获取元数据。

TensorFlow.js是专为JavaScript生态设计的轻量级机器学习库，支持浏览器实时推理、本地训练、迁移学习、Node.js部署及模型导入导出，适合前端智能化、教育原型、隐私敏感与轻量定制场景。