-
表单中的结构化数据是通过Schema.org标记（如itemprop、itemscope、itemtype）明确告知搜索引擎表单用途及字段含义，提升页面语义理解，助力SEO优化，常见于联系表单、搜索表单和事件报名表单，需避免错误标记、内容不一致及忽略测试等问题。
-
使用::before和::after伪元素可在不改动HTML的情况下为表单添加视觉提示；2.通过position:relative与absolute结合content属性定位并显示图标；3.利用颜色如#d32f2f表示错误、#388e3c表示成功强化反馈；4.结合JavaScript动态添加类名控制样式显示，实现邮箱验证等场景的实时提示效果。
-
setTimeout只执行一次，setInterval反复执行；前者注册单次未来任务并销毁，后者以最小间隔重复调度，但不保证准时，易积压或跳过；推荐用setTimeout递归实现可控轮询。
-
要让HTML页脚始终固定在页面底部，最可靠的方法是使用Flexbox布局。具体步骤：1.将html和body设置为flex容器，并设置flex-direction:column；2.设置main区域flex-grow:1，使其填充可用空间，将footer推至底部；3.确保html和body高度为100%以适配视口。相比之下，position:sticky适用于滚动到特定位置后“粘住”的场景，无法实现内容不足时页脚沉底的效果；position:fixed会使页脚脱离文档流，需额外处理内容遮挡问题；Grid布
-
需实现灯箱效果可选四种方案：一、纯CSS方案用复选框控制显隐，需少量JS补全ESC键关闭；二、原生JS方案动态插入DOM，支持多图与键盘导航；三、lightGallery.js插件功能完备，含缩放旋转下载等；四、BootstrapModal方案适配移动端，需jQuery联动替换图片。
-
JavaScript原始类型共7种，均存于栈中，赋值时复制值本身；引用类型数据存于堆中，栈中仅存地址，赋值时复制地址。
-
将HTML文件保存为.html格式并用浏览器直接打开可查看效果；2.使用VSCode配合LiveServer插件实现修改后自动刷新；3.部署至XAMPP等本地服务器以支持需HTTP协议的功能；4.利用JSFiddle等在线平台即时编辑与预览，适合快速测试。
-
容器高度未自适应通常因浮动、绝对定位或固定高度导致；使用clearfix、Flexbox或Grid可解决，结合相对单位与min/max-height能实现响应式一致性。
-
需通过抖音官方嵌入代码、开放平台API或合规第三方解析服务实现HTML视频展示，注意HTTPS协议、权限设置及用户授权，严禁商用或二次剪辑。
-
图文混排结构不清晰的核心在于语义与布局缺乏分层，应通过列区域拆分内容层级，用语义化容器（如<section><aside><article>）明确区块边界，再以CSSGrid/Flex理顺内部图文关系，并统一间距、对齐与视觉锚点。
-
HTML5中导航栏不推荐用 ，因其属语义错误：破坏结构职责、影响可访问性、响应式错乱、干扰Flex/Grid布局且维护困难；应改用CSS的margin或gap控制间距。
-
使用模板继承或构建工具统一管理CSS引入，确保样式一致性与维护效率。
-
z-index仅对position为relative、absolute、fixed或sticky的元素生效；父元素触发层叠上下文会限制子元素z-index作用范围；浮动元素需加position才参与z-index排序；子元素z-index再大也无法超越父级层叠层级。
-
最常用方式是用linear-gradient与url()多层背景叠加，渐变写前、图片写后；可分离background-image精细控制各层，并注意background-size等属性需按图层顺序逗号分隔。
-
Grid实现列宽平均分布最简洁可靠的方式是用repeat()配合1fr：基础写法为repeat(auto-fit,1fr)，推荐搭配minmax(最小宽度,1fr)提升实用性，固定列数时直接用repeat(N,1fr)，避免混用px与fr或写死多段1fr。
