# 参考

# HTML全局属性

属性	描述
class	用于定义元素的类名，以便于CSS选择和样式化。
id	为元素分配一个唯一的标识符，用于JavaScript脚本或CSS选择。
title	提供额外的描述性信息，通常在鼠标悬停时显示为工具提示。
style	直接在元素上应用内联样式。
lang	指定元素内容的语言。
tabindex	控制元素在页面上的Tab顺序。
dir	设置文本的方向，如LTR（从左到右）或RTL（从右到左）。
hidden	控制元素的可见性，相当于CSS中的display: none;
contenteditable	允许用户直接编辑元素的内容
translate	指定是否一个元素的值在页面载入时是否需要翻译
draggable	指定某个元素是否可以拖动
data-*	用于存储页面的自定义数据
contextmenu	指定一个元素的上下文菜单。当用户右击该元素，出现上下文菜单
accesskey	设置访问元素的键盘快捷键。
dropzone	指定是否将数据复制，移动，或链接，或删除
spellcheck (opens new window)	检测元素是否拼写错误

# 浏览器支持的URL协议

协议	说明
`http:`	用于指向 Web 页面，超文本传输协议
`https:`	用于指向 Web 页面，安全的超文本传输协议，使用 SSL/TLS 加密
`ftp:`	用于指向 FTP 服务器上的文件
`mailto:`	用于发送电子邮件，点击后会启动用户的默认邮件客户端
`tel:`	用于拨打电话号码，点击后会启动用户的电话应用程序
`sms:`	用于发送短信，可以预填充短信内容和收件人号码
`geo:`	用于地理定位，可以打开地图应用并显示特定的地理位置
`file:`	用于指向本地文件系统中的文件，但在现代 Web 应用中很少使用，因为存在跨域安全限制
`javascript:`	用于执行内联 JavaScript 代码，但这通常不推荐，因为它可能导致安全问题
`data:`	用于直接在文档中嵌入数据，如文本、图像或其他媒体
`view-source:`	用于查看页面的源代码（在网址前加上该协议头）

# Keycode

按键	keycode	按键	keycode	按键	keycode
A	65	0	48	-	189
B	66	1	49	+	187
C	67	2	50	{	219
D	68	3	51	}	221
E	69	4	52
F	70	5	53	:	186
G	71	6	54	“	22
H	72	7	55	<	188
I	73	8	56	>	190
J	74	9	57	?	191
K	75	F1	112	~	192
L	76	F2	113	Shift	16
M	77	F3	114	Ctrl	17
N	78	F4	115	Alt	18
O	79	F5	116	Tab	9
P	80	F6	117	Caps	20
Q	81	F7	118	空格	32
R	82	F8	119	Enter(回车)	13
S	83	F9	120	鼠标左键	1
T	84	F10	121	鼠标右键	2
U	85	F11	122	鼠标中键	4
V	86	F12	123	Esc	27
W	87	←	37	Del	46
X	88	↑	38	BackSpace(退格)	8
Y	89	→	39
Z	90	↓	40

# 数字键盘keycode

按键	keycode	按键	keycode
0	96	8	104
1	97	9	105
2	98	*	106
3	99	+	107
4	100	Enter	108
5	101	-	109
6	102	.	110
7	103	/	111

# 国际语言代码表

语言代码由语言-国家的形式表示例如汉语用zh，英语用en，法语用fr，俄语用ru，西班牙语用es，阿拉伯语用ar等

常用

代码	语言	代码	语言
zh-CN	中国 - 中国	en-GB	英语 - 英国
zh-HK	中国 - 香港	en-US	英语 - 美国
zh-MO	中国 - 澳门	en-AU	英语 - 澳大利亚
zh-TW	中国 - 台湾	en-CA	英语 - 加拿大
ko-KR	朝鲜语 - 韩国	fr-FR	法语 - 法国
ja-JP	日语 - 日本	de-DE	德语 - 德国
es-ES	西班牙语 - 西班牙	pt-BR	葡萄牙语 - 巴西
ru-RU	俄语 - 俄国	it-IT	意大利语 - 意大利

# MIME 类型

以下为常见的MIME 类型

类型	说明
`text/plain`	纯文本
`text/html`	HTML 文档
`text/xml`	XML 文档
`text/javascript`	JavaScript 代码
`image/jpeg`	JPEG 图像
`image/png`	PNG 图像
`image/gif`	GIF 图像
`audio/mpeg`	MP3 音频
`audio/wav`	WAV 音频
`video/mp4`	MP4 视频

# referrerpolicy值

值	说明
`no-referrer`	Referer 标头将不会被发送
`no-referrer-when-downgrade`	如果没有 TLS（HTTPS），Referer 头将不会被发送到源上
`origin`	发送的 referrer 将被限制在其页面的来源：协议、主机和端口
`origin-when-cross-origin`	发送到其他源的 referrer 将只包含协议、主机和端口，而导航到相同的源仍将包括路径
`same-origin`	将向同源地址发送 referrer，但跨源请求不包含 referrer 信息
`strict-origin`	当协议安全级别保持不变（HTTPS→HTTPS）时，只将文档的来源作为 referrer 发送，但不要将其发送到安全性较低的目的地（HTTPS→HTTP）
`strict-origin-when-cross-origin`（默认）	在执行同源请求时发送完整的 URL，在协议安全级别保持不变时只发送源（HTTPS→HTTPS），对安全性较低的目的地不发送标头（HTTPS→HTTP）
`unsafe-url`	表示 referrer 将会包含源和路径（但是不包含片段、密码或用户名）

# HTTP 方法

方法	说明
`GET`	从指定的资源请求数据
`POST`	向指定的资源提交要被处理的数据，表单提交的内容不会显示在 URL 上
`HEAD`	类似于 GET，但是服务器只返回 HTTP 头部信息，而不返回实体主体。这用于获取资源的元数据而不下载整个资源
`PUT`	用于替换由 URI 指定的现有资源。如果资源不存在，则 PUT 方法可以用于创建新资源
`DELETE`	用于删除由 URI 指定的资源
`CONNECT`	用于建立与由 URI 指定的代理服务器的 TCP 连接。此方法主要用于隧道的建立，例如在 HTTPS 协议中
`OPTIONS`	用于查询服务器的通信选项，如支持的 HTTP 方法和服务器的扩展功能
`TRACE`	用于沿请求路径执行一个消息环回测试，主要用于诊断
`PATCH`	用于对资源进行局部更新。这是相对于 PUT 方法的补充，PUT 方法通常用于完全替换资源

# GET 方法

是最常用的 HTTP 方法，用于从服务器获取资源

GET 方法的请求参数通过 URL 的 query string（查询字符串）的形式发送给服务器，例如：https://www.example.com/search?q=hello，所以 URL 中的参数会被浏览器记录到历史记录中，GET 方法不适合在处理敏感数据的时候使用

由于URL 的长度是有限制的，所以GET 请求有长度限制

# POST 方法

POST 方法则用于向服务器提交数据

POST 请求参数是在 HTTP 消息主体中发送的，不会被缓存，不会记录到浏览器的历史记录中，对数据长度也没有要求

# 事件处理器

事件	说明
`onclick`	响应鼠标点击事件
`ondblclick`	响应鼠标双击事件
`onmousedown`	响应鼠标按钮按下事件
`onmouseup`	响应鼠标按钮释放事件
`onmouseover`	应鼠标指针移动到元素上
`onmouseout`	应鼠标指针移动到元素上
`onmousemove`	响应鼠标指针在元素上移动
`onkeydown`	响应键盘按键按下事件
`onkeyu`	响应键盘按键释放事件
`onkeypress`	响应键盘按键被按下并释放事件
`onload`	响应文档或图像加载完成事件
`onunload`	响应文档卸载事件
`onresize`	响应窗口或框架大小改变事件
`onerror`	响应错误事件，如脚本错误或图像加载失败
`onchange`	响应表单元素值的改变
`onsubmit`	响应表单提交事件
`onreset`	响应表单重置事件
`onfocus`	响应元素获得焦点事件
`onblur`	响应元素失去焦点事件
`oncontextmenu`	响应鼠标右键菜单事件
`onscroll`	响应滚动条滚动事件

# 布尔属性

在 HTML 中布尔属性有两种使用方法，以 checked 属性为例，它是一个布尔属性，表示复选框是否被选中，它有两个值，true（是）和 false（否）

直接填入属性名，默认表示为（true）

<input type="checkbox" checked>

完整的填入属性（属性名和值）

<input type="checkbox" checked="true">

# HTTP 响应状态码

状态码	说明
	内容
100 Continue	一切正常，客户端应该继续请求
101 SwitchingProtocols	服务器即将切换的协议
102 Processing	服务器已收到并正在处理该请求，但当前没有响应
200 OK	请求成功
201 Created	请求成功，并创建新的资源
202 Accepted	请求已经接收到，但还未响应
204 No Content	请求已被处理，但没有任何内容返回
205 Reset Content	没有新的内容，但浏览器应该重置它所显示的内容
300 Multiple Choice	请求拥有多个可能的响应
301 Moved Permanently	请求的资源已被移动到新位置
302 Found	客户请求的文档被临时移动到其他地方
303 See Other	当前请求的响应可以在另一个URI上被找到，应当采用GET的方式访问
304 Not Modified	自从上次请求后，请求的网页未修改过，因此可以使用缓存的版本
307 Temporary Redirect	请求的资源现在临时从不同的URI响应请求，且应保留原本的请求方法和POST数据
400 Bad Request	服务器无法理解请求的格式
401 Unauthorized	客户端必须对自身进行身份验证才能获得请求的响应
403 Forbidden	客户端没有访问内容的权限
404 Not Found	服务器找不到请求的资源
405 Method Not Allowed	请求方法被请求对应的资源所在的服务器上禁用，无法响应客户端
500 Internal Server Error	服务器遇到了一个未曾预料的状况，导致了它无法完成对请求的处理
501 Not Implemented	服务器不支持请求方法
502 Bad Gateway	从上游服务器收到了无效的响应
503 Service Unavailable	服务器目前无法使用（由于超载或停机维护）
504 Gateway Timeout	没有及时从上游服务器收到响应

更多 HTTP 响应状态码 (opens new window)