-
overflow-x:hidden未生效主因是父容器缺宽度约束或子元素white-space:nowrap未配text-overflow:ellipsis；需确保父容器有width/max-width，长单词加word-break，flex子项设min-width:0，移动端慎用user-scalable=no并下沉溢出控制。
-
Flexbox下label与表单控件视觉错位源于基线对齐和盒模型差异，需统一box-sizing、用min-height+padding+line-height控制高度，checkbox/radio绕过height改用宽高设置，并通过white-space、grid或transform优化换行与缩放问题。
-
使用HTML的<picture>元素可实现WebP图片的智能交付：浏览器优先加载WebP格式，不支持时自动回退至JPEG/PNG，兼顾性能与兼容性。
-
可通过CSStransform:rotate()、transform-origin、JavaScript动态控制、range滑块调节及CSS动画五种方式实现图片旋转。其中CSS适用于静态或平滑旋转，JS支持交互式实时调整，动画适合持续匀速旋转场景。
-
有序列表使用<ol>标签创建，浏览器自动分配从1开始的数字编号；通过start属性可自定义起始编号，如start="5"；CSS的list-style-type可设置编号样式，如lower-alpha（a,b,c）、upper-roman（I,II,III）等；reversed属性实现倒序显示，value属性指定某项具体编号，后续项自动递增。
-
Tachyons是一个轻量级、原子化CSS工具库，通过mt2、pa2等类名直接在HTML中构建界面，体积仅14KB，支持响应式与8px网格系统，适用于快速开发静态页面和性能敏感项目。
-
HTML5是浏览器原生支持的现代网页标准，需严格遵循文档结构三要求：DOCTYPE必须首行小写无空格、html标签须含lang属性、metacharset须在head内靠前；语义化标签影响SEO与可访问性；多媒体标签需兼容格式与属性；其价值在于结构、样式、脚本协同及降级友好设计。
-
跨文档消息传递通过postMessage实现安全跨域通信。1.发送方调用targetWindow.postMessage(message,targetOrigin)发送数据；2.接收方监听window的message事件接收消息；3.接收方验证event.origin和event.data确保来源可信与数据合规。应用于iframe交互、登录窗口传参等场景。
-
HTML5规范要求以<!DOCTYPEhtml>开头，严格遵循语义化结构（如唯一<main>、<section>需标题）、正确设置lang和charset，script需defer/async，fetch须处理加载/错误/空数据态，并用本地服务器替代file://开发。
-
flex子项换行后宽度不一致的根本原因是未设置flex-basis或width，导致浏览器按内容撑开且缺乏基础尺寸约束；应统一使用flex:00200px锁定基准宽、禁用伸缩，并配合box-sizing:border-box和合理gap/margin处理响应式与兼容性。
-
pattern仅对text、email、tel、url等文本类type生效，不适用于number；手机号推荐type="tel"+适配分隔符的pattern；邮箱宜用原生email+业务约束；须用setCustomValidity自定义提示。
-
font-variant用于控制字体变体，提升排版美观性。1.基本用法：normal为默认，small-caps将小写字母显示为小型大写，需搭配支持字体如Georgia；2.数字样式控制：font-variant-numeric可设lining-nums（等高）、oldstyle-nums（旧式）、tabular-nums（等宽对齐）、proportional-nums（比例宽度），适用于表格或正文；3.高级控制：font-feature-settings可启用OpenType特性如"smcp"（小型大写
-
PHP代码需在服务器环境中执行，不能直接通过浏览器打开HTML文件运行。必须将文件放在支持PHP的服务器（如XAMPP、WampServer）中，以http://localhost/访问；或使用VSCode的PHP插件启动内置服务器；也可上传至远程PHP主机通过域名访问；同时确保文件为.php后缀并正确嵌入PHP语法，如<?phpecho"HelloWorld";?>，以便解析执行。
-
DOM操作是JS与网页结构的唯一接口；选元素用getElementById（快、专用于id）或querySelector（灵活但慢、只返首个）；改内容用textContent（安全）而非innerHTML（防XSS）；append需传节点而非字符串；注意操作时机与事件监听器丢失。
-
margin:auto水平居中需满足两个前提：元素为块级（display:block）且设置了明确宽度；否则对内联、浮动、绝对定位元素或无宽元素无效。
