-
字体不显示主因是@font-face声明错误或字体路径、格式、权限问题；应检查路径准确性（推荐绝对路径）、多格式兼容性（woff2优先）、语法完整性、跨域及MIME类型配置。
-
块级元素默认宽度占满父容器、高度由内容撑开；高度不继承父级，需显式设置父容器height/min-height；存在margin合并、content-box计算及HTML语义嵌套限制。
-
JavaScript操作DOM需先获取元素，再读取、修改、添加或删除；关键在选对方法（如getElementById、querySelector）、确保DOM加载完成、处理null安全，并注意innerHTMLXSS风险与事件委托优化。
-
网页重写需结合服务器配置实现，1.可用meta标签进行HTML跳转但不利于SEO；2.JavaScript可灵活控制客户端跳转；3.推荐使用Apache或Nginx配置301重定向实现服务器端重写；4.通过伪静态规则设计语义化URL提升SEO效果。
-
HTM文件可用浏览器直接打开，双击或拖入浏览器即可查看内容。右键选择“打开方式”可指定默认程序。用记事本或专业编辑器如VSCode能查看和编辑源码。手机上可用浏览器或文档App打开，本质是网页文件，只要有浏览器就能显示。
-
HMR通过模块热替换与框架协作保留应用状态。当代码修改时，Webpack等工具触发更新，ReactFastRefresh或VueHMR会尝试用新代码替换旧模块而不卸载组件实例，从而保留useState、data等局部状态，并重新渲染视图。该机制依赖模块接受更新、内存中代码替换及框架层协调，如React保留函数组件状态、Vue更新选项对象并维持响应式数据。但涉及全局状态（Redux/Vuex）、Context变更、副作用清理、key变化或高阶组件时，可能触发回退至重挂载或整页刷新，导致状态丢失。因此，HMR
-
初学者应按五步系统学习HTML5：一、掌握基本结构与语义化标签；二、理解块级与内联元素文档流；三、用Flexbox实现响应式布局；四、添加原生表单验证与简单JavaScript交互；五、综合构建完整静态页面。
-
批量提交多个表单数据可通过三种方式实现：一是使用JavaScript收集各表单数据并合并为FormData对象，通过fetch统一发送；二是将多个表单合并为一个大表单，直接提交避免嵌套；三是通过AJAX逐个异步提交各表单，利用Promise.all统一处理结果。选择方案需根据页面结构和业务需求权衡灵活性与复杂度。
-
使用:hover伪类可实现鼠标悬停效果，语法为选择器:hover{样式声明}，常用于改变颜色、显示隐藏内容或添加过渡动画，如a:hover改变文字色、.container:hover显示下拉菜单、配合transition实现平滑动画，提升交互性同时避免视觉干扰。
-
小方块是字体缺字与编码失配共同导致的问题，需按顺序修复：确保文件为UTF-8无BOM保存、清理源码中Unicode隐藏空格（如U+2000–U+200F）、补全CSS字体栈以支持广字符集。
-
利用flex-grow与mediaqueries实现响应式侧边栏：容器设为flex布局，侧边栏固定宽度，内容区通过flex-grow自动填充剩余空间；在768px以下断点将侧边栏变窄并隐藏文字，480px以下完全隐藏侧边栏使内容区占满全屏，配合JavaScript可增强移动端交互，布局灵活无需精确计算，适用于各类仪表板界面。
-
网页内容在不同屏幕下被压缩，根本原因是Flex项目默认flex:01auto允许缩小（shrink=1），导致空间不足时文字挤团、图片变形；应按需设置flex-grow/shrink/basis组合，并配合min-width/max-width及媒体查询实现精准响应。
-
<p>按钮加边框后变大是因默认box-sizing:content-box导致边框额外增加尺寸；设为border-box可使边框向内收缩，保持设定宽高不变，推荐全局设置*{box-sizing:border-box;}。</p>
-
可直接在网页中捕获并录制用户摄像头视频流：先用getUserMedia获取媒体流并预览，再通过MediaRecorderAPI录制为WebM格式，最后合并Blob导出下载；若不支持则回退至Canvas逐帧捕获合成。
-
必须使用.php文件并配置服务器环境，浏览器无法直接执行PHP；将HTML文件改为.php扩展名，通过XAMPP等本地服务器运行，使PHP代码在服务端解析后输出HTML内容。
