区别

html事件属性是用于响应用户或浏览器动作的机制，可直接写在标签上或通过javascript绑定；2. 触发点击事件最直接的方式是用户点击，也可通过javascript调用元素的click()方法或使用dispatchevent模拟；3. 常见事件包括鼠标事件（如onclick、onmouseove…

link标签应放在head中，通常用于引入css、图标等外部资源；1. rel定义资源关系，如stylesheet、icon、preload、prefetch；2. href指定资源url；3. type标明mime类型；4. media控制应用的媒体条件；5. sizes用于图标尺寸；6. cro…

web workers是浏览器提供的后台javascript运行机制，能将耗时任务移出主线程以避免页面卡顿；2. 它通过new worker()创建独立执行环境，利用postmessage和onmessage实现与主线程的消息传递，数据被序列化复制而非共享；3. worker可执行网络请求、使用in…

使用 标签包裹长引用文本，可包含多个段落，并建议添加 cite 属性注明来源URL；2. 短引用应使用 标签，嵌入句子中，而 用于独立的长段落引用；3. 可通过CSS自定义样式，如设置缩进、边框、背景色、斜体及使用伪元素添加引号，以增强视觉效果和语义化，正确使用标签能提升网页可读性和搜索引擎理解，最…

是块级元素，占据整行并可包含块级和内联元素，用于构建页面主要结构；是内联元素，只占据内容宽度，不换行，用于包裹文本或内联元素以进行样式化或行为添加；1. 使用 创建整体结构如页眉、侧边栏、内容区块；2. 使用对文本部分设置样式或添加交互；3. 应优先使用语义化html5元素替代 和以提升可访问性和s…

html页面语言通过标签的lang属性设置，1. 设置lang属性可提升seo和可访问性，搜索引擎依此匹配用户语言，屏幕阅读器据此选择正确发音；2. 主要语言设置示例为lang=”en”或lang=”zh”，还可细化为lang=”zh-cn…

标签的内容回退机制是指当浏览器无法加载或不支持嵌入对象时，会显示标签内部的html内容作为替代；2. 这一机制提升了网页的兼容性和用户体验，确保在插件缺失或资源加载失败时仍能向用户传递有效信息，避免空白区域的出现，从而增强页面的健壮性。 HTML中嵌入外部内容，我们主要会用到 、 和 @@@###@…

要让文字显示为斜体，最直接的方法是使用或标签，其中表示强调，具有语义重要性，而用于表示语义不同的内容如术语、外语词等，无强调含义；2. 在表示强调时应优先使用，因为它能被屏幕阅读器识别并改变语调，传递“重要性”语义，而仅表示视觉斜体且语义为“文本类型不同”；3. 其他文本样式标签包括（重要性）、（视…

兼容旧浏览器主要通过使用polyfill和降级策略实现，其核心是渐进增强与优雅降级理念；2. polyfill通过javascript模拟新特性，填补旧浏览器缺失的api，如html5shiv让ie识别html5标签，而转译（如babel）则是将es6+语法转换为es5；3. 两者区别在于polyf…