-
HTML5表单新增实用属性包括required、placeholder、autofocus、autocomplete、pattern、min/max/step、multiple及form属性，显著提升语义化、验证能力与用户体验。
-
autofocus属性用于页面加载时使表单元素自动获得焦点，提升用户体验；2.它是布尔属性，无需赋值，可应用于input、textarea、button和select元素；3.示例中搜索框添加autofocus后光标自动定位，用户可直接输入；4.注意事项包括避免多个元素使用、谨慎在移动设备使用以防键盘干扰、防止打断用户操作；5.该功能简单实用，优化表单交互。
-
1、可通过手机浏览器直接打开本地HTML文件，点击文件后选择浏览器即可查看内容；2、使用QuickEdit、Acode等专用应用导入并预览HTML文件，支持实时调试；3、利用KSWEB等工具搭建本地服务器，将HTML文件放入指定目录后通过输入IP地址在浏览器中访问，适用于复杂网页测试。
-
Proxy与Reflect可拦截并自定义对象操作，用于实现数据绑定、验证、响应式系统等高级功能，通过get/set捕获器结合Reflect转发默认行为，提升元编程能力。
-
JavaScriptDate对象易在时区、字符串解析、月份索引（0起始）处出错；ISO字符串如'2023-10-01'被解析为UTC再转本地，导致跨浏览器差异；安全做法是显式指定时区或用数值构造，避免模糊字符串解析。
-
使用内置调试器和性能分析工具可提升Node.js应用稳定性。通过--inspect或--inspect-brk启动应用，结合ChromeDevTools进行断点调试；利用console.log与util.inspect排查复杂对象；使用--cpu-prof生成CPU性能文件分析瓶颈。
-
align-self优先级高于align-items，用于单个子项覆盖容器的交叉轴对齐设置，合理使用可提升Flexbox布局灵活性。
-
图文混排上下不对齐时，应设img{vertical-align:top}和.text-container{display:flex;align-items:center}；图片用flex:00120px，文字用flex:1；移动端用flex-direction:column和order调整顺序；卡片等高需确保父容器有高度约束并配合-webkit-line-clamp控制行数。
-
JavaScript操作DOM的核心是获取元素后修改、增删内容及绑定事件。常用方法包括：获取元素（getElementById、querySelector等）、修改内容与属性（textContent、innerHTML、setAttribute等）、添加删除元素（createElement、appendChild、remove等）、事件绑定（addEventListener、event.target等）。
-
HTML文件无需编译，保存为.html后缀并用浏览器打开即可运行；推荐使用英文命名文件，避免乱码需保存为UTF-8编码；双击或右键“在浏览器中打开”适合简单测试；VSCode安装LiveServer插件可实现实时预览；涉及JS/AJAX时须通过本地服务器运行，如使用LiveServer、npxhttp-server或Python内置服务器，以避免file://协议的安全限制。
-
cover等比缩放完全覆盖容器可能裁剪，contain等比缩放完整显示在容器内可能留白；防变形多用cover，全显图才用contain；需配合background-position控制裁剪区域。
-
颜色对比度不佳主要影响五类用户群体：1.低视力用户，因文字与背景对比不足导致无法识别字符；2.色盲或色弱用户，特定颜色组合在他们眼中难以区分甚至完全混淆；3.老年用户，因年龄增长导致对比敏感度下降，对蓝光和暗色识别困难；4.处于特殊环境的用户，如强光或昏暗环境下使用设备的人；5.暂时性视觉障碍用户，如眼睛疲劳、干涩或佩戴不合适眼镜的人。颜色对比度不仅是视觉设计的一部分，更是确保信息可访问性的基础，影响所有用户的阅读体验。WCAG标准提供了对比度的衡量依据，常规文本至少需达到4.5:1，大号文本为3:1。提
-
WebSocket协议实现全双工通信，适用于实时场景；通过newWebSocket()建立连接，监听onopen、onmessage、onerror、onclose事件处理交互；支持发送JSON或二进制数据；需设置binaryType处理ArrayBuffer等格式；网络不稳定时应实现重连机制与心跳检测，确保连接可靠性。
-
HTML嵌套塌陷本质是块级元素垂直margin合并，非嵌套错误；典型表现为子元素margin-top穿透无border/padding/overflow的父容器；可用overflow:hidden触发BFC、flex/grid布局或改用padding解决。
-
无法直接将HTML5转为Flash，因二者架构根本不同；可行路径有三：一、用AnimateCC封装HTML5帧序列为SWF；二、通过Ruffle在Flash中模拟HTML5行为；三、用停更的Swiffy离线工具转静态Canvas为SWF。
