-
crossorigin属性仅在需读取跨域资源原始内容时必需，如canvas操作、WebGL纹理绑定、AudioContext解码等；纯展示无需添加，且必须与服务端CORS响应头配合生效。
-
nav和dropdown必须是两个独立block，因nav只管语义结构与布局，dropdown专责交互行为（显隐、定位、过渡），二者职责分离才能避免样式耦合与测试爆炸。
-
一个文档中只能有一个main标签，它是语义化容器而非切换组件；应固定main元素并动态更新其子节点，配合aria-live、焦点管理和滚动恢复保障可访问性与SEO。
-
HTML本身不参与SourceMap配置，因其无编译转换过程；真正需配置的是构建工具（如Vite、Webpack）对JS/CSS生成的SourceMap，HTML仅作为资源容器被动引用。
-
Word加载本地HTML图片慢的根本原因是其逐个同步解析img标签src路径且不支持缓存或异步，相对路径基准目录为临时工作目录而非HTML所在目录；解决方法是将图片统一复制到HTML同级media子目录，并将所有src改为相对路径如"media/xxx.png"，避免file://或UNC路径。
-
使用flex-wrap和gap可实现Flexbox布局中的自动换行与间距控制。1.设置flex-wrap:wrap允许子元素在空间不足时换行，避免溢出；2.使用gap统一设置子元素间的水平和垂直间距，简化样式管理；3.建议结合flex:11200px等弹性设置与媒体查询优化响应式效果，避免混用margin防止间距混乱，提升布局效率与可维护性。
-
应优先使用HTML5原生属性（required、type、pattern）做基础校验兜底，再用JavaScript增强交互反馈、组合逻辑与异步校验；checkValidity()仅返回布尔值，reportValidity()才触发提示；异步校验需手动管理状态并防抖；复杂规则放JS，简单规则用pattern。
-
通过CSS的background-image等属性可灵活设置网页背景图片。首先使用background-image指定图片路径，如body{background-image:url('bg.jpg');}；默认图片会平铺，可通过background-repeat控制，取值包括repeat（默认）、no-repeat（不重复）、repeat-x（横向重复）和repeat-y（纵向重复），例如添加background-repeat:no-repeat防止重复；利用background-position调整图片
-
最简可用姓名邮箱联系表单需用<formmethod="POST"action="/contact">配对，含三组<label>+<input>（name必填），type="email"和required启用原生校验，本地测试action="#"防跳转，后端依name属性接收数据。
-
解析HTML需用专用工具：一、Python的BeautifulSoup（易用，容错强）；二、JavaScript的DOMParser（前端原生）；三、Python的lxml（速度快，支持XPath）；四、Node.js的jsdom（服务端模拟DOM）；五、命令行htmlq（轻量，CSS选择器提取）。
-
<time>标签必须带ISO8601格式datetime属性，含显式时区，显示文本须与datetime逻辑一致，否则机器解析失效。
-
答案：Redux中间件通过三层函数结构拦截action，在分发前执行异步处理、日志等逻辑，支持自定义功能如promise中间件，并可通过applyMiddleware集成，结合DevTools调试，需注意顺序与错误处理。
-
子类实例污染父类原型属性源于在prototype上挂载可变对象导致共享引用，正确做法是将可变数据初始化于构造函数内，并对不可信输入过滤敏感键名、使用Object.create(null)及冻结关键原型。
-
使用百分比宽度和box-sizing:border-box可实现浮动元素自适应布局。1.设置float:left和width:50%使元素并排；2.添加box-sizing:border-box确保padding和border不超出宽度；3.父容器应用clearfix防止高度塌陷。此方法兼容旧项目，配合清除浮动能稳定实现响应式多列布局。
-
TailwindCSS适合什么项目？不适合什么项目？Tailwind不是“万能加速器”，它真正提效的前提是：你有至少3个中等复杂度页面，且团队愿意统一用原子类表达设计意图。小项目（比如单页登录表单、A/B测试页）硬套Tailwind，反而会因全量扫描content路径、加载未用类、热更新卡顿而拖慢开发。适合：中后台系统、Next.js/React/Vue项目、需要高度定制品牌色与间距体系的业务线不适合：仅需兼容IE11的老系统、静态营销页（bootstrap.min.css一行引
