HTML工作流程分为五步：一、解析HTML构建DOM树；二、加载并解析CSS生成CSSOM；三、合并DOM与CSSOM形成渲染树；四、布局计算各节点几何信息；五、绘制像素并图层合成显示。

1、使用Flask框架可实现HTML按钮触发Python脚本：先安装Flask，编写app.py定义路由和视图函数，通过subprocess.run()执行目标.py文件；前端HTML按钮利用表单或Ajax向指定路由发送POST请求，运行app.py启动服务器后即可点击触发。2、CGI方式需配置Web服务器启用CGI，将Python脚本放入cgi-bin目录并添加执行权限与解释器路径，设置输出类型为text/html，HTML表单action指向脚本URL，提交时服务器自动执行并返回结果。3、Ajax结合

使用target="_blank"可让HTML链接在新标签页打开，需配合rel="noopener"防止安全风险，适用于外链、文档参考等场景。

应启用VS脚本调试、使用浏览器F12工具、配置Chrome协同调试，并检查HTML5语法与API兼容性。具体包括：启用JavaScript调试选项、设断点、用F12查看控制台错误、判断API存在性、确保DOCTYPE声明及module路径正确。

JavaScript中的class是构造函数的语法糖，本质基于原型机制，非全新对象模型；它使构造器、原型方法和静态方法定义更清晰，但底层仍等价于函数与原型操作。

变量提升指声明被移至作用域顶部，但赋值不提升；var声明提升并初始化为undefined，let/const存在暂时性死区，函数声明完全提升而表达式按变量处理。

微博HTML5版（m.weibo.cn）无字体设置入口，因其前端强制控制样式、硬编码字体族并动态计算字号；可行优化仅限客户端层面的页面缩放、系统字体调节或浏览器插件注入CSS。

void运算符总是返回undefined，不改变变量值或内存状态，仅丢弃表达式结果；它用于IIFE防解析错误、javascript:void(0)阻止跳转，且比直接写undefined更安全可靠。

HTML5video默认preload="metadata"导致首帧卡顿，应据场景选none/metadata/auto；需配合Accept-Ranges、poster、现代编码及双源fallback，并验证206响应。

为HTML5搜索框添加loading动画有四种方法：一、CSS旋转动画配合伪元素；二、SVG内联加载图标；三、CSS自定义属性控制动画开关；四、纯CSS无JS状态模拟。

JavaScript中遍历对象属性和值的主要方法有四种：1.使用Object.keys()获取自身可枚举属性名数组，结合forEach或for...of遍历；2.使用Object.values()获取自身可枚举属性值数组，适用于仅需处理值的场景；3.使用Object.entries()获取键值对数组，可结合解构赋值同时处理键和值，是现代开发中最推荐的方式；4.for...in循环虽能遍历可枚举属性（含继承属性），但需配合hasOwnProperty()过滤以确保只处理自身属性，否则易引入意外行为。最佳实践

缩放与旋转无法同时播放是因多个transform被覆盖，需将scale和rotate写入同一animation的transform中，如：transform:scale(1)rotate(0deg)；或通过父子元素分离实现独立动画控制。

子菜单显示不全的主因是父容器overflow:hidden或定位上下文未正确建立；应移除溢出隐藏、设父项position:relative、调整top/left/z-index，并在响应式时适配定位与宽度。

当页面中动态生成的删除按钮未显式设置type="button"时，其默认类型为submit，会触发表单提交或冒泡至父表单，导致回车键意外触发删除行为；解决方法是为按钮明确声明type="button"。

使用float属性可实现多列布局，通过设置width和float:left让元素并排；2.浮动导致父容器塌陷，需用clear:both、overflow:hidden或clearfix伪类清除；3.添加margin时需控制总宽度不超过100%，推荐box-sizing:border-box并配合媒体查询实现响应式，在小屏幕切换为单列。尽管float布局兼容性好且实用，但现代开发更推荐Flexbox或Grid，结构更清晰易维护。