更新了前端部分文档
jackfrued
parent
2e18a40c7b
commit
9c478c5d97
|
|
@ -27,21 +27,22 @@
|
||||||
|
|
||||||
#### 结构
|
#### 结构
|
||||||
|
|
||||||
- head
|
- html
|
||||||
- title
|
- head
|
||||||
- meta
|
- title
|
||||||
- body
|
- meta
|
||||||
|
- body
|
||||||
|
|
||||||
#### 文本
|
#### 文本
|
||||||
|
|
||||||
- 标题和段落
|
- 标题（heading）和段落（paragraph）
|
||||||
- h1 ~ h6
|
- h1 ~ h6
|
||||||
- p
|
- p
|
||||||
- 上标和下标
|
- 上标（superscript）和下标（subscript）
|
||||||
- sup
|
- sup
|
||||||
- sub
|
- sub
|
||||||
- 空白（白色空间折叠）
|
- 空白（白色空间折叠）
|
||||||
- 折行和水平标尺
|
- 折行（break）和水平标尺（horizontal ruler）
|
||||||
- br
|
- br
|
||||||
- hr
|
- hr
|
||||||
- 语义化标签
|
- 语义化标签
|
||||||
|
|
@ -83,19 +84,19 @@
|
||||||
|
|
||||||
#### 表格（table）
|
#### 表格（table）
|
||||||
|
|
||||||
- 基本的表格结构 - table / tr / td
|
- 基本的表格结构 - table / tr / td / th
|
||||||
- 表格的标题 - caption
|
- 表格的标题 - caption
|
||||||
- 跨行和跨列 - rowspan属性 / colspan属性
|
- 跨行和跨列 - rowspan属性 / colspan属性
|
||||||
- 长表格 - thead / tbody / tfoot
|
- 长表格 - thead / tbody / tfoot
|
||||||
|
|
||||||
#### 表单（form）
|
#### 表单（form）
|
||||||
|
|
||||||
- 重要属性 - action / method
|
- 重要属性 - action / method / enctype
|
||||||
- 表单控件（input）- type属性
|
- 表单控件（input）- type属性
|
||||||
- 文本框 - text / 密码框 - password / 数字框 - number
|
- 文本框 - text / 密码框 - password / 数字框 - number
|
||||||
- 邮箱 - email / 电话 - tel / 日期 - date / 滑条 - range / URL - url / 搜索 - search
|
- 邮箱 - email / 电话 - tel / 日期 - date / 滑条 - range / URL - url / 搜索 - search
|
||||||
- 单选按钮 - radio / 复选按钮 - checkbox
|
- 单选按钮 - radio / 复选按钮 - checkbox
|
||||||
- 文件上传 - file / 隐藏域（埋点）- hidden
|
- 文件上传 - file / 隐藏域 - hidden
|
||||||
- 提交按钮 - submit / 图像按钮 - image / 重置按钮 - reset
|
- 提交按钮 - submit / 图像按钮 - image / 重置按钮 - reset
|
||||||
- 下拉列表 - select / option
|
- 下拉列表 - select / option
|
||||||
- 文本域（多行文本）- textarea
|
- 文本域（多行文本）- textarea
|
||||||
|
|
@ -109,20 +110,44 @@
|
||||||
- video标签和属性 - autoplay / controls / loop / muted / preload / src
|
- video标签和属性 - autoplay / controls / loop / muted / preload / src
|
||||||
- audio标签和属性 - autoplay / controls / loop / muted / preload / src / width / height / poster
|
- audio标签和属性 - autoplay / controls / loop / muted / preload / src / width / height / poster
|
||||||
|
|
||||||
|
#### 窗口（frame）
|
||||||
|
|
||||||
|
- 框架集（过时，不建议使用） - frameset / frame
|
||||||
|
|
||||||
|
- 内嵌窗口 - iframe
|
||||||
|
|
||||||
#### 其他
|
#### 其他
|
||||||
|
|
||||||
- 文档类型
|
- 文档类型
|
||||||
|
|
||||||
|
```HTML
|
||||||
|
<!doctype html>
|
||||||
|
```
|
||||||
|
|
||||||
|
```HTML
|
||||||
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||||
|
```
|
||||||
|
|
||||||
|
```HTML
|
||||||
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||||
|
```
|
||||||
|
|
||||||
- 注释
|
- 注释
|
||||||
|
|
||||||
|
```HTML
|
||||||
|
<!-- 这是一段注释，注释不能够嵌套 -->
|
||||||
|
```
|
||||||
|
|
||||||
- 属性
|
- 属性
|
||||||
- id
|
- id：唯一标识
|
||||||
- class
|
- class：元素所属的类，用于区分不同的元素
|
||||||
|
- title：元素的额外信息（鼠标悬浮时会显示工具提示文本）
|
||||||
|
- tabindex：Tab键切换顺序
|
||||||
|
- contenteditable：元素是否可编辑
|
||||||
|
- draggable：元素是否可拖拽
|
||||||
|
|
||||||
- 块级元素 / 行级元素
|
- 块级元素 / 行级元素
|
||||||
|
|
||||||
- 内联框架（internal frame）
|
|
||||||
|
|
||||||
- 字符实体（实体替换符）
|
- 字符实体（实体替换符）
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,22 @@
|
||||||
|
内部短消息系统（私信系统）
|
||||||
|
|
||||||
|
1 登录
|
||||||
|
1.1 发送短消息
|
||||||
|
1.2 查看未读消息
|
||||||
|
1.2.1 读取消息
|
||||||
|
1.2.2 标记已读
|
||||||
|
1.2.3 返回上级
|
||||||
|
1.3 查看所有消息
|
||||||
|
1.3.1 读取消息
|
||||||
|
1.3.2 删除消息
|
||||||
|
1.3.3 返回上级
|
||||||
|
1.4 清除所有消息
|
||||||
|
1.5 注销
|
||||||
|
2 注册
|
||||||
|
2.1 填写信息注册
|
||||||
|
2.2 返回上级
|
||||||
|
3 退出
|
||||||
|
|
||||||
|
用户 (用户名, 口令, 最后登录时间)
|
||||||
|
短消息 (编号, 发送者, 接收者, 标题, 内容, 发送时间, 是否读取, 已删除)
|
||||||
|
|
||||||
Loading…
Reference in New Issue