-
在标准盒模型中，border-width会增加元素总尺寸，而在border-box中则压缩内容区域以保持总尺寸不变，影响布局需注意box-sizing设置。
-
锚点id必须合法唯一且严格匹配：全小写、连字符分隔、不以数字开头、无空格标点中文；h2/h3需同时处理并嵌套生成目录；href必须与id完全一致（含大小写）；启用scroll-behavior:smooth实现平滑滚动。
-
HTML5原生required和pattern能满足简单场景的基础验证，如非空、邮箱格式、最小长度等，但存在样式不可控、错误信息无法自定义、不支持异步校验及老版Safari兼容性问题。
-
JavaScript密码学应优先使用WebCryptoAPI（浏览器）或Node.jscrypto模块（服务端），禁用手写逻辑或CryptoJS；推荐AES-GCM对称加密、RSA-OAEP混合加密及ECDSA签名，密钥须安全生成与管理。
-
rel="stylesheet"：表示链接的是样式表。href="sty">
link标签本身不阻塞HTML解析，但rel="stylesheet"会阻塞渲染和后续脚本执行；其他rel值如preload、icon、preconnect均不阻塞解析或渲染。
-
需监听plusready事件确保5+Runtime初始化后调用plus对象；通过plus.device获取设备信息并检测权限；用plus.runtime管理应用更新与生命周期；以plus.webview控制多窗口跳转及通信；借plus.nativeUI实现原生级交互组件。
-
在网页开发中，实现换行最常用的方法有两种：使用HTML的标签和通过CSS控制。一、标签是简单直接的换行方式，适合文字内容中的局部换行，如地址、诗歌等，但语义较弱，控制力差，不适合复杂布局；二、CSS实现换行更灵活，适合现代布局，可通过块级元素或white-space属性控制，结构清晰、样式可控，尤其适用于响应式设计；三、选择标准取决于场景：适用于简单文字换行，CSS更适合布局相关的换行，同时需注意富文本编辑器输出时的适配问题。两种方法各有优劣，合理选用可提升代码清晰度与维护性。
-
ES6模块天然单例特性实现异步任务队列模块级单例：顶层创建唯一实例并导出接口，确保所有导入者共享同一队列状态，避免重复初始化与并发冲突，兼顾封装性、一致性与可扩展性。
-
关闭超链接默认下划线需对a元素显式设置text-decoration:none，并覆盖:link、:visited、:hover、:active状态；注意父级继承、框架样式干扰、border-bottom等模拟下划线，以及无障碍focus样式处理。
-
Canvas频繁绘制导致内存泄漏的典型表现是页面卡顿、FPS下降、JS堆持续增长且GC后不回落，主因是每帧新建Image/Canvas/路径对象未释放引用，或事件监听器未解绑；应复用离屏canvas、ImageBitmap缓存、对象池及前置样式设置，并避免getImageData、measureText等高频分配操作。
-
树莓派可通过搭建本地服务器展示HTML页面。首先更新系统，创建HTML文件并保存至指定目录；2.使用Python内置服务器在8000端口启动服务；3.在浏览器访问localhost:8000或树莓派IP地址查看网页；4.可选配置开机自启服务，将服务器设为systemd服务并启用，实现长期运行。
-
TailwindCSS在ShadowDOM中失效的根本原因是其样式隔离机制阻止外部CSS匹配内部元素，唯一可靠方式是将编译后的CSS字符串通过textContent注入shadowRoot内style节点，并确保content配置覆盖模板路径且ShadowDOMmode为"open"。
-
浮动导航栏HTML结构应为<nav><ul><li>首页</li><li>产品</li><li>关于</li></ul></nav>，仅对<li>设float:left，设display:block，<ul>用::after清除浮动防塌陷。
-
<mark>标签在GitHubREADME、JupyterNotebook（Markdowncell）、Typora（默认模式）、Obsidian（HTML启用时）、CSDN、语雀（部分版本）中可直接生效，前提是环境解析HTML且未过滤该语义标签；在微信公众号、Hugo等禁用HTML的平台则失效，需改用平台原生强调语法或服务端词法高亮方案。
-
WebGL是OpenGLES的JavaScript绑定，不内置3D概念，所有3D效果需手动实现MVP变换、光照等；常见黑屏问题多因相机设置、像素比、光源或单位不匹配所致。
