表单中的
datalist标签的核心作用是为输入框提供可选的建议列表，允许用户在自由输入的同时获得预设选项的提示，提升输入效率并减少错误；它通过将input的list属性与datalist的id关联实现，无需JavaScript即可运行，适用于需要灵活性和智能提示的场景；与select标签不同，datalist不强制用户选择预设项，而select要求用户必须从固定选项中选择，适用于选项明确且不可自定义的场景；可通过JavaScript动态获取数据并生成option元素来实现根据用户输入实时更新建议列表，常配合防抖优
table-layout:fixed是CSS中控制表格列宽计算方式的属性，它使浏览器仅依据第一行或col元素的宽度声明来确定列宽，从而实现可控的自适应布局。
应为最外层容器设max-width而非width，并配margin:0auto居中；若仍溢出，需约束子元素：图片加max-width:100%，代码块加overflow-x:auto和white-space:pre-wrap，长英文/URL加word-break:break-word。
在线HTML工具网页版入口包括：https://www.htmledit.squarefree.com、https://html5-editor.net、https://codebeautify.org/htmlviewer，这些平台支持实时预览与编辑，提供左侧写代码右侧即时渲染的双栏界面，兼容HTML、CSS和JavaScript，适合初学者和临时开发；无需注册即可使用，界面简洁无广告，功能清晰，适配多设备；同时具备代码格式化、语法高亮、错误提示等功能，可自动美化代码并修复常见错误，提升编码效率。
:first-of-type选中父元素中同类型标签的第一个，:last-of-type选中最后一个；两者按元素类型匹配，常用于去除首段边距或隐藏末项边框等场景。
闭包捕获变量是实时引用绑定而非值拷贝，导致异步回调中循环变量错乱、竞态条件和状态污染；解法是通过局部变量、参数传值或块级作用域固化值。
Safari14–15.6中Flex子元素height:100%不生效，因父Flex容器未被识别为有明确高度的上下文；需显式设父容器height，或改用align-items:stretch并移除height:100%。
HTML无法直接操作蓝牙键盘，因其仅为标记语言；浏览器通过document.addEventListener('keydown')统一处理输入事件，不区分设备类型；真正与蓝牙交互需依赖WebBluetoothAPI（仅限HTTPS、用户触发、BLEHID设备且Chrome支持），或原生应用。
HTML表单无法直接获取视线轨迹，需用mousemove、focus/blur、scroll等代理信号推测注意力；应避免误用IntersectionObserver，聚焦字段级行为链聚合与合理埋点。
flex-grow可配合CSS变量动态算比例：在HTML中用style="--r:1.777"注入纯数字变量，CSS中写flex-grow:var(--r,1)并设flex-basis:0，Chrome/Firefox/Safari≥15.4支持，需防字符串、单位、width干扰及IE11兼容问题。
Canvas绘图需先获取2D上下文对象：用document.getElementById()获取<canvas>元素，再调用getContext('2d')；漏此步则绘图静默失败。fillRect画实心矩形，strokeRect仅描边，均以左上角为坐标原点；路径绘制须beginPath→moveTo/lineTo→stroke/fill，缺beginPath会导致路径叠加；clearRect仅清像素，不重置状态，彻底重置可用canvas.width=canvas.width。
矩形与圆形碰撞检测的核心是判断圆心到矩形最近点的距离平方是否小于等于半径平方。先计算最近点坐标，再通过提前排除（如|dx|>r）优化性能。
CSS定位布局核心是理解position与文档流关系：relative原地微调不脱流，absolute脱离文档流认父定位，fixed锁定视口，sticky滚动时相对转固定。
z-index不生效的主因是元素未处于定位上下文中。CSS中z-index仅对position为relative、absolute、fixed或sticky的已定位元素有效，且受层叠上下文层级限制，需检查父容器是否创建了新的层叠上下文。
需通过标准超链接配合相对/绝对路径实现双向导航：一、用相对路径（如“page2.html”或“../page1.html”）；二、用锚点（如“page1.html#section-a”）；三、用根相对路径（如“/about.html”，需本地服务器支持）；四、用JavaScript动态加载导航；五、验证链接有效性，避免404。
