为什么

不应使用标签，因其已被废弃，现代开发应使用语义化标签如、、、来替代，并通过css的font-family属性设置等宽字体；2. 等宽字体对代码可读性、语义识别、跨平台一致性至关重要，能确保字符对齐并提升技术内容的阅读体验；3. 使用自定义等宽字体面临foit、fout等性能问题，可通过font-di…

标签通过结合和实现响应式图片加载，能根据设备特性选择最合适的图片资源；2. 它支持基于媒体查询的“艺术方向”调整和图片格式切换（如webp/avif），而仅支持分辨率切换；3. srcset提供多版本图片资源，sizes定义不同视口下图片的布局宽度，浏览器据此计算并选择最优图片；4. 其他响应式方案…

标签用于语义化地标记行内代码，使其与普通文本区分开；2. 对于多行代码，应结合 标签使用，即<pre class="brush:php;toolbar:false;"><code>…<code> 结构，以保留格式；3. 语义化不仅提升可读性…

head标签是网页的“幕后大脑”，负责定义对浏览器、搜索引擎和用户体验至关重要的元数据；2. 它包含title、meta、link、script等核心元素，分别用于设置页面标题、字符编码、视口、描述、外部资源链接、脚本和样式等；3. 正确配置head可提升seo，如通过title和descripti…

不推荐直接使用u标签加下划线，因为它在html5中已被赋予语义化用途，表示拼写错误或专有名词等非文本注释，而非视觉样式；2. 推荐使用css的text-decoration属性来实现下划线效果，可灵活控制颜色、样式、粗细和动画；3. 若需自定义下划线外观或交互效果，应通过css伪元素或背景渐变实现，…

rel属性用于定义当前文档与链接资源之间的关系，对seo和用户体验至关重要；1. rel=”stylesheet”用于引入css文件，确保页面样式正确加载；2. rel=”icon”指定网站图标，提升品牌识别；3. rel=”canonic…

调整html表格宽度的核心是使用width属性和css样式；2. 可通过html的width属性快速设置，但不推荐；3. 推荐使用css（内联、内部或外部样式表）控制宽度，实现样式与内容分离；4. 可单独设置单元格宽度，但需注意总和超出问题；5. 使用table-layout: fixed可精确控制…

tabindex 属性的核心作用是控制元素的键盘聚焦行为和导航顺序。1. tabindex=”-1″ 使元素可通过 javascript 聚焦但不参与 tab 导航，适用于临时引导焦点的场景；2. tabindex=”0″ 使元素按 dom 自然顺序参…

html中设置单元格间距主要通过css的border-spacing属性实现，该属性需在border-collapse为separate时才生效，可单独设置水平和垂直间距，例如使用“border-spacing: 15px 5px”分别定义水平和垂直间距，也可在外部css中通过类选择器统一设置，避免…