HTML进阶标签
1. 列表相关
无序列表（重点）
- ul嵌套li
- 注意事项：
- ul里只能写li
- li里可以写p/h等
- 注意事项：
很少写，一般都是md转HTML 部分组件需要手写，不过一般会把列表的实心点去掉
有序列表
- ol嵌套li
- 注意事项：与无序列表相同
同上
定义列表
- dl嵌套dd/dt
- 说明：
- dt是标题，dd是描述
- 一般用于页脚，做一个尾部服务栏目
- 说明：
没写过
2. 表格相关
表格结构
- table嵌套tr，tr嵌套td/th
| 标签 | 说明 |
|---|---|
| table | 说明这是一个表格 |
| tr | 一个tr开启一行 |
| th | 这一行的头单元格 |
| td | 这一行的内容单元格 |
表格属性
- border属性：给表格增加边框
合并单元格
- 原则：
- 保留最左最上的单元格，其余要合并的单元格删除
- 如果是跨行，保留上，写rowspan（同列和）
- 如果是跨列，保留左，写colspan（同行和）
- 注意：不能跨单元格合并
不用管那么多，基本都是md转HTML
3. 表单相关
表单元素
- 配合form使用，写在form里
- input标签，根据type属性值不同，作用也不同
input标签类型
| type值 | 说明 |
|---|---|
| text | 文本框 |
| password | 密码框 |
| radio | 单选框 |
| checkbox | 多选框 |
| file | 上传文件 |
input标签属性
| 属性 | 适用场景 | 说明 |
|---|---|---|
| placeholder | 文本框/密码框 | 提示输入信息 |
| name | 单选框 | 给该选择绑定元素，无name则无法单选 |
| checked | 单选框/多选框 | 默认选择 |
| multiple | 上传文件 | 上传多份文件 |
下拉菜单
- select嵌套option
| 标签/属性 | 说明 |
|---|---|
| select | 总属性 |
| option | 元素 |
| selected | 默认选择属性 |
文本域
- 多行输入（发评论之类的）
- textarea
- 说明：右下角有拖拽放大功能，工作中一般禁用
label标签
- 作用：增大作用范围
- 写法：
- 写法一：用label单独包裹选项文本内容
- label的for标签与input的id一致就行
- 写法二：用label包裹input整体
- label包住全部
- 推荐：写法二更推荐
- 写法一：用label单独包裹选项文本内容
- 说明：label作用范围宽，input都行
这些表单相关的，用的比较少
按钮
- button内有type属性
| type值 | 说明 |
|---|---|
| submit | 提交（省略属性标签，默认为该功能） |
| reset | 重置（一键清空功能，需要放在form里） |
| button | 配合JavaScript一起使用 |
没怎么注意过type，很多时候绑定一下选择器，直接写JS了
4. 布局与字符
布局标签
| 标签 | 说明 |
|---|---|
| div | 换行标签 |
| span | 不换行标签 |
没那么多规则，实际开发基本上都是div，所有标签都可以看成一个div盒子+默认CSS样式+默认JS功能 为了SEO友好些和语义化，会把部分div替换成nav，head，main，section这些，不过其实都是换了名字的div
字符实体
- 作用：用来显示被语法占用的字符
| 实体 | 显示结果 |
|---|---|
| 空格 | |
| < | ＜ |
| > | ＞ |
很少写，一般用个
©，页脚版权图标