HTML笔记
HTML定义了网页的内容。
2023-11-05
1、HTML（超文本标记语言）是一种标记语言（标记标签（来描述网页）），而不是编程语言。HTML文档（Web页面）包含了HTML标签和文本内容。
2、HTML标签（HTML标记标签）
- 尖括号包围的关键词。 eg.<html>
- 成对出现。 eg.<b>(开始标签（开放标签）） 和<b> （结束标签（闭合标签））
eg.<标签>内容</标签>
注：标签与元素描述相同，但元素包含开始标签和结束标签。
eg.<p>第一个段落</p>
3、Web浏览器：用来读取HTML文件，并将以网页形式显示，并不是直接显示HTML标签，可以用标签来决定如何展现HTML页面的内容给用户。
eg.
4、<！DOCTYPE>声明：用文档类型声明，有助于浏览器中正确显示网页。doctype不区分大小写。
注：
- HTML 5：<!DOCTYPE html>
- HTML 4.01:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"> - XHTML 1.0<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
注：在输入中文时，在头部用字符为UTF-8或GBK声明。
- HTML标题：用<h1>到<h6>来定义。
- HTML段落：用<p>定义。 注：浏览器会自动插入空行。
- HTML链接：用<a>定义。 eg.<a href="https://www.runoob.com">这是一个链接</a> 注：href表示链接地址。
- HTML图像：用<img>定义。 eg.<img decoding="async" src="/images/logo.png" width="258" height="39" />
2023-11-06
1、HTML元素
HTML文档由HTML元素定义。
<br> 换行 注：<br>为开始标签，换行为元素内容，无结束标签。
eg.
<p>这个<br>段落<br>演示了分行的效果</p>
这个
段落
演示了分行的效果
重要HTML元素语法
- 某些HTML元素具有空内容
- 空元素在开始标签中进行关闭（以开始标签的结束而结束）
- HTML元素以结束标签终止
- 大多数HTML元素拥有属性
注：大多数HTML元素可以嵌套(HTML元素可以包含其他HTML元素）
HTML文档由相互嵌套的HTML元素构成。
即使无结束标签，大多数浏览器也会正确显示HTML，因为关闭标签是可选的，但不能依赖这种做法，因为会产生不可预料的结果或错误。
2、HTML属性
2.1
- HTML元素可以设置属性
- 属性可以在元素中添加附加信息
- 属性一般是开始标签
- 属性总是以名称/值对的形式出现 eg.name="values"
注：属性一般用双引号，但若属性本身含有双引号，应用单引号。
2.2、用小写书写属性
2.3、常用HTML元素属性
- class:为HTML元素定义一个或多个类名（类名从样式文件引入）
- id:定义元素的唯一id
- style:规定元素的行内样式
- title：描述了元素的额外信息（作为工具条使用）
3、HTML标题
<h1>定义最大的标题，<h6>定义最小的。
eg.
<h1>这是标题 1</h1>
<h6>这是标题 6</h6>
这是标题 1
这是标题 6
注：浏览器会自动在标题前后插入空行。
标题很重要
请确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。
搜索引擎使用标题为您的网页的结构和内容编制索引。
因为用户可以通过标题来快速浏览您的网页，所以用标题来呈现文档结构是很重要的。
应该将 h1 用作主标题（最重要的），其后是 h2（次重要的），再其次是 h3，以此类推。
4、HTML水平线
<hr>标签在HTML页面中创建水平线，用于分隔内容。
eg.
<p>hr 标签定义水平线：</p>
<hr />
<p>这是段落。</p>
标签定义水平线：
这是段落。
5、HTML注释：可以提高可读性。浏览器会忽略注释，在结果中也不会显示它们。
eg.<!--......-->
2023-11-09
1、HTML段落
HTML可以将文档分割为若干段落。
2、HTML输出
因无法确定 HTML 被显示的确切效果，屏幕的大小，以及对窗口的调整都可能导致不同的结果。
对于 HTML，无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。
当显示页面时，浏览器会将源代码所有连续的空格或空行合成一个空格。需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。
3、HTML文本格式化标签
| <b> | 定义粗体文本 |
| <i> | 定义斜体 |
| <small> | 定义小号字 |
| <em> | 定义着重文本 |
| <strong> | 定义加重语气 |
| <sub> | 定义下标字 |
| <sup> | 定义上标字 |
| <ins> | 定义插入字 |
| <del> | 定义删除字 |
eg.
<b>加粗文本</b><br></br>
<i>斜体文本</i><br></br>
<code>电脑自动输出</code><br></br>
这是 <sub> 下标</sub> 和 <sup> 上标</sup>
加粗文本
斜体文本电脑自动输出
这是 下标 和 上标
4、HTML“计算机输出”标签
| <code> | 定义计算机代码 |
| <kbd> | 定义键盘码 |
| <samp> | 定义计算机代码样本 |
| <var> | 定义变量 |
| <pre> | 定义预格式文本 |
5、HTML引文，引用，及标签定义
| <abbr> | 定义缩写 |
| <address> | 定义地址 |
| <bdo> | 定义文字方向 |
| <blockquote> | 定义长的引用 |
| <q> | 定义短的引用语 |
| <cite> | 定义引用、引证 |
| <dfn> | 定义一个定义项目 |
2023-11-13
1、HTML链接：是实现俩个网站之间相互关联，及用户在浏览网页时点击文本或图像跳转到其他地方；和实现文档和网络的相连。
HTML中的链接是一种用于在不同网页之间导航的元素。
2、HTML超链接<a>
2.1超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，用户可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
当把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。
未访问链接：带下划线的蓝色字体。
已访问链接：带下划线的紫色字体。
正在访问链接：带下划线的红色字体。
2.2语法
- herf:l链接的目标地址（URL)，可以是另一个网页的URL、文件的URL或其他资源的URL。
- target（可选）:链接的打开方式。可以是在新的窗口或标签打开（_blank)，也可以是在当前窗口或标签打开（_self). eg.<a href="https://www.runoob.com/" target="_blank" rel="noopener noreferrer">访问菜鸟教程!</a>
- title（可选）：提供链接的额外信息，通常在鼠标悬停在链接上时显示为工具提示。
- rel（可选）：指定与链接目标的关系，如 nofollow(禁止传递）、noopener 等。
注：链接可以有多种形式
- 文本链接：使用<a>将文本转换成可以点击的链接。 eg.<a href="https://www.example.com">访问示例网站</a>
- 图像链接：<a>元素包含着<img>元素. eg.<a href="https://www.example.com"><img src="example.jpg" alt="示例图片"></a>
- 锚点链接：除了链接到其他网页外，还可以在同一页面内创建内部链接，这称为锚点链接。要创建锚点链接，需要在目标位置使用 <a> 元素定义一个标记，并使用#符号引用该标记。 eg.<a href="#section2">跳转到第二部分</a><!-- 在页面中的某个位置--><a name="section2"></a>
- 下载链接：使用 download 属性让链接用于下载文件而不是导航到另一个网页。eg.<a href="document.pdf" download>下载文档</a>
2.3、id属性(HTML文档书签）
注：HTML书签在文档中不显示。
- HTML中插入id 。 eg.<a id="tips">有用的提示部分</a>
- 在HTML文档中创建一个链接到"有用的提示部分(id="tips"） eg.<a href="#tips">访问有用的提示部分</a>
- 从另一个页面创建一个链接到"有用的提示部分(id="tips"） eg.<a href="https://www.runoob.com/html/html-links.html#tips">访问有用的提示部分</a>
注：始终将正斜杠添加到仔文件夹中，否则输入网址是会在最后多一个斜杠。
2023-11-15
1、HTML头部<head>
<head>可以插入scripts（文件脚本）、CSS样式文件、meta信息等。
可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>。
- <title>:定义不同文档的标题，在HTML/XHTML是必须的有的。
- 定义浏览器工具栏的标题
- 当网页添加到收藏夹时，显示在收藏夹中的标题
- 显示在搜索引擎结果页面的标题
- <base>:与<a>的功能差不多，都是描述基本的链接地址/链接目标，是HTML文档中所有的链接标签的默认标签。eg.<head> <base href="http://www.runoob.com/images/" target="_blank"> </head>
- <link>:定义文档与外部资源之间的联系。通常用于链接到样式表。eg.<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
- <style>：HTML文档的样式文件引用地址。还可以直接添加样式来渲染HTML文档。eg.<head> <style type="text/css"> body { background-color:yellow; } p { color:blue } </style> </head>
- <meta>:描述一些基本的元数据。元数据也不显示在页面上，但会被浏览器解析。meta 元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务。<meta> 一般放置于 <head> 区域.
- 为搜索引擎定义关键词。eg.<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
- 为网页定义描述内容 eg.<meta name="description" content="免费 Web & 编程 教程">
- 定义网页作者 eg.<meta name="author" content="Runoob">
- 定义每几秒刷新当前页面 eg.<meta http-equiv="refresh" content="30">
- <script>:用于加载脚本文件. eg.JavaScript
CSS定义网页的布局。
2、CSS：为了更好的渲染HTML而引入，是在HTML4中开始使用的。
添加方式：
- 内联样式：当特殊的样式需要应用到个别元素时，在HTML元素中使用“style"属性，样式（style)属性可以是任何的CSS属性。
- 背景颜色：定义一个元素的背景颜色。eg.<body style="background-color:yellow;"> <h2 style="background-color:red;">这是一个标题</h2> <p style="background-color:green;">这是一个段落。</p> </body>(注：早期使用bgcolor）
- 字体，字体颜色，字体大小：使用font-family(字体）,color（颜色）,font-size（字体大小）定义文本样式，而不是使用<font>标签。eg.<h1 style="font-family:verdana;">一个标题</h1><p style="font-family:arial;color:red;font-size:20px;">一个段落。</p>
- 文本对齐方式：使用text-align（文本对齐）属性指定文本水平与垂直对齐方式。eg.<h1 style="text-align:center;">居中对齐的标题</h1> <p>这是一个段落。</p>
2.内部样式表：当单个文件需要特别样式时，可以在HTML文档头部<head>区域使用<style>元素包括CSS。eg.<head><style type="text/css">body {background-color:yellow;}p {color:blue;}</style></head>
3.外部样式表：当需要被应用到很多页面时，使用外部CSS文件，可以通过更改一个文件来改变整个站点的外观。eg.<head><link rel="stylesheet" type="text/css" href="mystyle.css"></head>
- HTML图像标签：<img>(<img>是空标签，没有结束标签，只包含属性）
- HTML图像源属性：<src>(及为“source",源属性可以是图像的URL的地址）eg.<img src="url" alt="some_text">
注：URL是存储图像的位置。若名为"a.jpg"的图像位于www.b.com的d目录里，则URL为http://www.b.com/d/a.jpg.
浏览器将图像显示在文档中图像标签出现的地方。如果将图像标签至于俩个段落之间，则浏览器会先显示第一段然后显示图像，最后显示第二段。
- HTML图像ALT属性:ALT用来为图像定义备用可替代文本，替换文本则是用户自定义。eg.<img src="boat.gif" alt="Big Boat">
注：当无法载入图像时，替换文本会告诉失去的信息，此时，浏览器会显示文本而不是图像。而且对于纯文字浏览器有极大的好处。
- HTML图像高度和宽度：height和width(当定义了图像的宽度和高度后系统会自动预留空间。若未设置则可能破坏HTML页面整体布局）
注:若一个HTML文件中包含n个图像，则需要加载n+1个文件，且加载图像需要时间。若不能正确的设置图像的位置，浏览器则无法加载图像，图像标签就会显示一个破碎的图像，所以要注意插入页面图像的路径。
2023-11-24
一、HTML表格
1、HTML表格<table>:用于展示结构化数据的标志语言元素。
- <tr>:（table row)行。
- <td>:(table data)数据单元格。
- <th>:（table header)列的标题，及表头。eg.定义数据库中的属性。注：用<th>定义表格表头，大多数浏览器会将表头的文字粗体居中。
数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
2、<table>表示整个表格，包含以下俩部分
- <thead>:定义表格标题部分（用<th>定义列的标题）
- <tbody>:定义表格主体部分（用<tr>定义行，并用<td>定义单元格数据）
3、HTML表格其他部分
- <tfoot>:表格页脚，还可以用于在表格底部定义摘要、统计信息等内容。
- <caption>:定义整个表格标题。
- 合并单元格和跨行/跨列的操作，以及其他样式和属性的应用。
4、HTML表格边框
<table border="1">定义双边框。
不定义边框属性则没有边框，但大部分希望有边框，有时没有边框很重要。
二、HTML列表
1、无序列表：使用<ul>标签（一个项目的列表）
eg.<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
- Coffee
- Milk
注：可以使用形如<ul style="list-style-type: ">的形式来定义不同形状的序号."disc"表示实心圆圈，“square”表示实心方块，“circle‘表示空心圆圈。
eg.
<h4>圆圈列表：</h4>
<ul style="list-style-type:disc">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ul>
圆点列表：
- Apples
- Bananas
- Lemons
- Oranges
2、有序列表：有序列表始于<ol>标签，每个列表项始于<li>标签。（一列项目）
eg.<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
- Coffee
- Milk
注：可以使用<ol type=" ">的形式来定义不同的序号。
eg.
<h4>大写字母列表：</h4>
<ol type="A">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ol>
大写字母列表：
- Apples
- Bananas
- Lemons
- Oranges
3、自定义列表：以<dl>标签开始，每个自定义列表以<dt>开始，每个自定义列表项的定义以<dd>开始。（不仅是项目与注释的结合）
eg.<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
Coffee
- black hot drink
Milk
- white cold drink
4、嵌套列表：在一个列表中用<ul>开始，每个列表项以<li>开始。
eg.
<h4>嵌套列表：</h4>
<ul>
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea
<ul>
<li>China</li>
<li>Africa</li>
</ul>
</li>
</ul>
</li>
<li>Milk</li>
</ul>
嵌套列表：
- Coffee
- TeaMilk
- Black tea
- Green tea
- China
- Africa
- Milk
2023-11-27
一、HTML区块
1、HTML区块元素：块级元素或内联元素，以新行开始（和结束）。
eg.<h>、<p>、<ul>、<table>(进行文档布局时<table>不是正确的表格用法，<table>用于显示表格化的数据）
2、HTML内联元素：不会以新行开始。
eg.<b>、<img>、<a>、<td>
3、HTML
- <div>:块级元素，浏览器会在前后折行。组合其他HTML元素的容器；与CSS一起使用会大的内容块设置样式属性，还用于文档布局。
- <span>:内联元素，文本的容器，用来组合文档中行内元素；与CSS一起为部分文本设置样式属性。
二、HTML布局
1、网站（把内容安排到多列上）布局：用<div>或<table>元素创建多列。CSS对元素定位，或为页面创建好看的背景。
注：不建议使用<table>布局工具使用，表格不是布局工具。
2、HTML布局
- <div>:用于块级元素
eg.<body>
<div id="container" style="width:500px">
<div id="header" style="">
<h1 style="margin-bottom:0;">主要的网页标题</h1></div>
<div id="menu" style="height:200px;width:100px;float:left;"> <b>菜单</b><br> HTML<br> CSS<br> JavaScript</div>
<div id="content" style="height:200px;width:400px;float:left;"> 内容在这里</div>
<div id="footer" style="clear:both;text-align:center;"> 版权 © runoob.com</div>
</div>
</body>
- <table>:不建议使用
eg.<body>
<table width="500" border="0">
<tr>
<td colspan="2" style=""> <h1>主要的网页标题</h1>
</td>
</tr>
<tr> <td style="width:100px;"> <b>菜单</b><br>
HTML<br>
CSS<br>
JavaScript </td>
<td style="height:200px;width:400px;"> 内容在这里</td>
</tr>
<tr> <td colspan="2" style="text-align:center;"> 版权 © runoob.com</td> </tr>
</table>
</body>
好处：把CSS放在外部样式表中，更容易维护。可以编辑单一文件来改变所有页面的布局。且创建高级的布局非常耗时，可以通过搜索模板来优化外形。
2024-01-15
1、iframe:定义内联框架
注：HTML框架
- iframe语法
<iframe src="URL"></iframe>
- 设置高度（height）和宽度（width）
以像素为单位
<iframe scr="URL" height="100 " width="100"></iframe>
- 移除边框（iframeborder="0")
<iframe scr="URL" iframeborder="0"></iframe>
- 显示目标链接页面
<iframe src="demo_iframe.htm" name="iframe_a"></iframe> <p><a href="https://www.runoob.com" target="iframe_a" rel="noopener">RUNOOB.COM</a></p>
2、hidden:隐藏元素
3、XSS漏洞：是嵌入在html的其他动态语言，但html为恶意注入提供了输入口。
常见的标识或属性：
<script>:定义客户脚本
<img src=>:显示图像的URL(地址)
<body background=>:显示文档背景的URL
<body onload=>:body标签的事件属性
<input onfocus=autofocus>:from（表单）的事件属性
<button onclick=>:击键的事件属性
<link href=>:定义外部资源链接
<object data=>:定义引用对象数据的URL
<svg onload=>:定义SVG(可缩放矢量图形文件）资源引用
4、HTML编码：是将一些特殊字符进行编码或用ASCII或十进制或十六进制。
- " ：" 、 "、 "
- ‘ ：&apos、 '、 '
- & ：&
- < ：&It
- > ：>
2024-01-16
一、HTML表单和输入
1、表单：用于收集输入的信息，表示文档中的一个区域，包含交互控件，将收集到的信息发送到Web服务器；其中包含输入字段、下拉列表、单选按钮、复选框等。
- <from>:表示创建表单。action定义表单数据提交的目标URL（地址）；method表示使用HTML的方法（一般用post:表示向指定的资源提交被处理的数据，将表单数据包含在表单内提交给服务器，用于提交敏感数据）。
- <label>:为表单元素添加标签。
- <input>:创建文本输入框等。type表示输入数据的模式（text文本、radio单选按钮、submit提交按钮、checkboxes复选框），id与label相关联，name用于标识表单字段。
- <select>:表示创建下拉列表。
- <option>:表示下拉列表中的选项。
2、文本域（textarea）、下拉列表（select）、单选框（radio-buttons）、复选框（checkbox） 。
二、HTTP
1、HTTP是一种基于消息的模型，建立于TCP层之上。由用户发送一条请求消息，而后由服务器返回一条响应消息。
2、HTTP请求和响应
一次完整的请求或响应由消息头、一行空白行和消息主体构成。
eg.
HTTP/1.1 200 OK
Date: Tue, 26 Dec 2017 02:28:53 GMT
Content-Type: text/html; charset=utf-8
Connection: close
Server: GitHub.com
Status: 200 OK
Cache-Control: no-cache
Vary: X-PJAX
X-UA-Compatible: IE=Edge,chrome=1
Set-Cookie: user_session=37Q; path=/;
X-Request-Id: e341
X-Runtime: 0.538664
Content-Security-Policy: default-src 'none';
Strict-Transport-Security: max-age=31536000; includeSubdomains;
preload
Public-Key-Pins: max-age=0;
X-Content-Type-Options: nosniff
X-Frame-Options: deny
X-XSS-Protection: 1; mode=block
X-Runtime-rack: 0.547600
Vary: Accept-Encoding
X-GitHub-Request-Id: 7400
Content-Length: 128504
<!DOCTYPE html>
......
三、HTTP(超文本传输协议）请求方法
1、HTTP工作方式：客户端（Web浏览器）与服务器（计算机的网络应用程序）之间的请求-应答协议。首先客户端向服务器发送HTTP请求，之后服务器向客户端返回响应（包含请求的状态信息和可能被请求的内容）
2、GET:从指定的资源请求数据。提交参数一般会出现在URL上
3、POST：向指定的资源提交要被处理的数据，更具隐秘性。
四、Form 中的 get 和 post 方法，在数据传输过程中分别对应了 HTTP 协议中的 GET 和 POST 方法。二者主要区别如下：
- Get 是用来从服务器上获得数据，而 Post 是用来向服务器上传递数据。
- Get 将表单中数据的按照 variable=value 的形式，添加到 action 所指向的 URL 后面，并且两者使用“?”连接，而各个变量之间使用“&”连接；Post 是将表单中的数据放在 form 的数据体中，按照变量和值相对应的方式，传递到 action 所指向 URL。
- Get 是不安全的，因为在传输过程，数据被放在请求的 URL 中，而如今现有的很多服务器、代理服务器或者用户代理都会将请求URL记录到日志文件中，然后放在某个地方，这样就可能会有一些隐私的信息被第三方看到。另外，用户也可以在浏览器上直接看到提交的数据，一些系统内部消息将会一同显示在用户面前。Post 的所有操作对用户来说都是不可见的。
- Get 传输的数据量小，这主要是因为受 URL 长度限制；而 Post 可以传输大量的数据，所以在上传文件只能使用 Post。
- Get 限制 Form 表单的数据集的值必须为 ASCII 字符；而 Post 支持整个 ISO10646 字符集。
- Get 是 Form 的默认方法。
使用 Post 传输的数据，可以通过设置编码的方式正确转化中文；而 Get 传输的数据却没有变化。
2024-01-17
一、HTTP方法
- post:执行操作，访问URL资源后附加新的数据。
- get:访问URL资源。
- delete:请求服务器删除资源。
- options:查询服务器的支持选项。
- head:只获取资源响应消息报头。
- put:请求服务器存储一个资源。
- trace:请求服务器回送收到的信息。
二、HTTP消息头（一些有特殊作用，一些特定出现在请求和响应中）
- Connection :告知通信另一端，在完成HTTP传输后是关闭 TCP 连接，还是保持连接开放
- Content-Encoding :规定消息主体内容的编码形式
- Content-Length 规定消息主体的字节长度
- Content-Type :规定消息主体的内容类型Accept 告知服务器客户端愿意接受的内容类型(请求）
- Accept-Encoding ：告知服务器客户端愿意接受的内容编码（请求）
- Authorization 进行内置 HTTP 身份验证 （请求）
- Cookie 用于向服务器提交 cookie（ 请求）
- Host 指定所请求的完整 URL 中的主机名称 （请求）
- Oringin 跨域请求中的请求域 （请求）
- Referer 指定提出当前请求的原始 URL（ 请求）
- User-Agent 提供浏览器或者客户端软件的有关信息 （请求）
- Cache-Control 向浏览器发送缓存指令（ 响应）
- Location 重定向响应（ 响应）
- Server 提供所使用的服务器软件信息 （响应）
- Set-Cookie 向浏览器发布 cookie （响应）
- WWW-Authenticate 提供服务器支持的验证信息 （响应）
三、Cookie
Cookie 是大多数 Web 应用程序所依赖的关键组成部分，它用来弥补 HTTP 的无状态记录的缺陷。服务器使用 Set-Cookie 发布 cookie，浏览器获取 cookie 后每次请求会在 Cookie 字段中包含 cookie 值。Cookie 是一组键值对，另外还包括以下信息：
domain，用于指定 cookie 的有效域。
path，用于指定 cookie 的有效 URL 路径。
secure，指定仅在 HTTPS 中提交 cookie。
HttpOnly，指定无法通过客户端 JavaScript 直接访问 cookie。
状态码
状态码表明资源的请求结果状态，由三位十进制数组成，第一位代表基本的类别：
1xx，提供信息
2xx，请求成功提交
3xx，客户端重定向其他资源
4xx，请求包含错误
5xx，服务端执行遇到错误
常见的状态码及短语如下所示：
状态码 短语 描述
100 Continue 服务端已收到请求并要求客户端继续发送主体
200 Ok 已成功提交，且响应主体中包含请求结果
201 Created PUT 请求方法的返回状态，请求成功提交
301 Moved Permanently 请求永久重定向
302 Found 暂时重定向
304 Not Modified 指示浏览器使用缓存中的资源副本
400 Bad Request 客户端提交请求无效
401 Unauthorized 服务端要求身份验证
403 Forbidden 禁止访问被请求资源
404 Not Found 所请求的资源不存在
405 Method Not Allowed 请求方法不支持
413 Request Entity Too