区别

kbd 标签用于语义化地表示用户应输入的键盘文本，提升可访问性与搜索引擎理解。1. 它在 html 中通过包裹内容表示键盘输入，如 ctrl + s；2. 可结合 css 自定义样式以匹配网站风格；3. 与语义化相关，辅助技术能更好解读内容含义；4. 区别于 code 标签，后者用于代码片段；5. …

text-shadow是css属性，用于给文字添加阴影效果。基本语法为text-shadow: 水平偏移量 垂直偏移量 模糊半径 阴影颜色;，例如2px 2px 4px rgba(0,0,0,0.5)；常见应用场景包括增强对比度、复古/立体风格和多个阴影叠加模拟霓虹灯效果；注意事项有避免过度模糊、合…

要正确使用 html5 header 标签，首先应将其放置在页面或每个节（section）的顶部，用于包裹标题、logo、导航链接等内容。1.header 应位于 body 内或各 section 中，不可嵌套于 footer、address 或另一个 header 中。2.一个页面可有多个 hea…

要让 div 自动换行，1. 使用 word-wrap: break-word; 或 overflow-wrap: break-word; 允许长单词或 url 在单词内部断句；2. word-break: break-all; 可在任意字符间断行，但影响可读性，慎用；3. white-space:…

figcaption标签用于为figure元素定义标题或图例，增强图片的语义化和用户体验。1. figcaption必须作为figure的第一个或最后一个子元素；2. 可通过css自定义其样式，如字体、颜色、对齐方式等；3. 有助于seo优化，但应自然使用关键词；4. 与img的alt属性不同，al…

html设置文本换行的核心方法有三种：1. 使用word-wrap: break-word;允许在单词内部断行以防止溢出；2. 使用word-break: break-all;强制在任意字符间断行；3. 使用overflow-wrap: break-word;（与word-wrap功能相同）。这三种…

要调整 html 表格中单元格内容与边框的距离，应使用 cellpadding 属性。1. cellpadding 属性用于控制单元格内容与边框之间的距离，直接加在 标签中，例如：；2. 若未生效，可能是由于 css 样式覆盖、浏览器默认样式或嵌套表格导致，需检查并重置 padding 或分别设置每…

localstorage存储的数据都是字符串，因为其设计初衷是支持简单的键值对存储，且为了通用性仅保留字符串类型。若需存储对象或数组，需通过json.stringify()转换为字符串存储，并在读取时用json.parse()还原。localstorage与sessionstorage的区别在于数据…

html中 标签是创建表格的基础结构。1.定义表格容器，2.定义行，3. 定义表头单元格，4. 定义数据单元格。通过colspan和rowspan属性可分别实现横向与纵向合并单元格。使用 、 、 可增强表格的语义化结构，提升可访问性。支持css美化，常用属性包括border-collapse、pad…

meter标签用于显示已知范围内的标量值，如磁盘使用情况或投票结果，其核心用途是语义化展示比例或状态。1. 主要通过value、min、max、low、high和optimum等属性控制显示效果；2. 与progress标签不同，meter侧重值的比例和状态，而progress用于任务完成进度；3.…