JavaScript调试主要依靠浏览器开发者工具，配合console日志、断点和调用栈分析；常用Chrome/Edge/FirefoxDevTools，重点使用Console、Sources和Network面板，并辅以debugger语句、条件断点、AsyncCallStack及console.assert/time/trace等技巧提升效率。

HTML中锚标签（）用于实现文字跳转，包括页面内ID跳转、外部网页链接、新窗口打开、文件下载及样式定制，需注意ID唯一性、URL规范、安全性（rel属性）和可访问性。

float使元素半脱离文档流，向左或右浮动并影响文字环绕；需用clear清除以避免塌陷；现多被Flexbox和Grid替代，仅用于图文环绕等特定场景。

在HTML中创建进度条最直接的方法是使用<progress>标签。1.基本用法通过value和max属性定义当前值与最大值，如<progressvalue="30"max="100"></progress>表示30%进度；若未指定max，则默认为1.0。2.可通过CSS对进度条进行美化，使用伪元素选择器如::-webkit-progress-value和::-moz-progress-bar分别适配不同浏览器样式。3.结合JavaScript可实现动态更新，例如通过se

:read-only伪类仅对原生支持只读的表单元素（如input、textarea）且显式设置readonly属性时生效，不匹配disabled元素或contenteditable=false的非表单元素；需检查选择器优先级、属性是否被JS动态移除，并推荐用自定义class作为兼容性替代方案。

等高列首选display:flex或display:grid；flex依赖align-items:stretch和父容器明确高度，grid适合固定列数布局；应避免float、table-cell等语义错误或兼容性差的旧方案。

移动端CSS默认阻塞渲染，须异步化：内联首屏CriticalCSS，非关键CSS用media="print"+onload或preload注入；工具链自动提取（如critters/vite-plugin-critical），配合PurgeCSS/UnoCSS减体积，合理设置缓存头。

HTML5视频需在loadedmetadata事件后设currentTime属性（单位秒）才能精准跳转，URL的#t=参数可静态指定起播时间但仅首次加载有效，preload应设为metadata，跨域视频须配置CORS头否则静默失败。

盒模型是CSS布局的起点和底层语言，必须优先掌握；它解释了元素实际尺寸计算、margin塌陷、居中失效等常见问题，启用box-sizing:border-box可大幅降低出错率。

HTML表单提交数据的核心在于将用户输入信息打包并发送到服务器处理，其中action属性指定目标URL，method属性决定使用GET或POST方法。1.GET方法通过URL传递数据，适合请求且不改变服务器状态的操作，如搜索查询；2.POST方法将数据封装在请求体中传输，适合涉及敏感信息、大文件或修改服务器数据的操作；3.表单提交时需注意数据验证（客户端和服务器端）、防范CSRF、XSS、SQL注入等安全漏洞及优化用户体验；4.异步提交（AJAX/FetchAPI）提升交互体验，无需刷新页面即可完成数据提

通过getter和setter可在属性读写时执行自定义逻辑，如数据验证：设置age时校验是否为正整数，确保对象状态合法，且不改变属性访问语法。

reset.css的作用是抹平不同浏览器默认样式差异，通过将margin、padding等重置为统一基线（如0或inherit）提升样式可控性；现代项目更推荐normalize.css或框架内置preflight。

cite标签在HTML中用于标记引用作品的标题。具体使用方法如下：1.在文本中使用cite标签包裹书籍、电影等作品的标题，如<p>根据<cite>HTML与CSS设计与构建网站</cite>一书...</p>。2.cite标签只用于标题，不用于作者名字或描述性文本。3.使用cite标签有助于提升网页的语义化、SEO和辅助功能。

flex-shrink为0时内容仍被压缩，根本原因是min-width未生效；浏览器默认min-width:auto会强制换行或缩放，需显式设min-width:0并配合white-space:nowrap等样式。

Bootstrap的collapse组件可快速实现内容展开收起，需引入CSS和JS文件，通过data-bs-toggle和data-bs-target控制显示隐藏，支持默认展开和手风琴效果，提升交互体验。