Html

DOCTYPE： 它是页面的身份证，告诉浏览器用什么版本的 html去解析页面。 如果不写的话，会造成怪异模式的出现,比如说可能引发样式的兼容性问题， 原本设计的宽高可能包含内容区内边距边界，但触发怪

Label核心要点 label标签主要用来绑定表单控件，给表单控件提供更好的用户体验 1️⃣ 作用 扩大点击区域（尤其对✅复选框/单选按钮） 提升可访问性（屏幕阅读器朗读） SEO优化（明确表单字段含

一、核心区别对比表（必背） 标签对 语义差异 默认样式 使用场景 SEO影响 <title> vs <h1> <title>：页面标题（浏览器标签显示）<h1>：内容主标题（页面内可见） 无直接关联

Canvas元素允许在页面上使用JavaScript绘制图形和动画 一、Canvas绘图四步曲 二、常见图形绘制API（表格速查） 图形 方法 示例代码 关键参数说明 矩形 fillRect(x,y,

一、核心分类对比表（必背） 分类 特点 常见元素 CSS默认display值 块级元素 独占一行，可设置宽高 div, h1-h6, p, ul, ol, li, section, article,

主要决定了脚本加载的方式 一、核心区别对比表 | 特性 | 普通script | async | defer

一、核心作用一句话 DOCTYPE是页面的身份证，告诉浏览器用哪个HTML版本来解析页面，直接影响页面渲染模式。 二、两种模式对比表（必背） | 模式

### 一、语义化核心：**见名知意** **记忆口诀**：`用标签说话，别让div扛所有` #### 非语义化 vs 语义化 对比代码 ```html <!-- ❌ 全用div的写法 -->

src和herf都是引用外部的资源。 一、核心区别对比表 src href 全称 source（资源来源） hypertext reference（超文本引用） 作用 替换当前元素内容 建立关联到外部