安全课堂总结

课堂总结

一、details标签

作用：用来折叠内容，浏览器会折叠显示该标签的内容。

例子：

<details>
这是一段解释文本。
</details>

上面的代码在浏览器里面，会折叠起来，显示Details，前面有一个三角形，就像下面这样。

▶ Details

用户点击这段文本，折叠的文本就会展开，显示详细内容。

▼ Details
这是一段解释文本。

再点击一下，展开的文本又会重新折叠起来。

二、字符编码

网页可以使用不同语言的编码方式，但是最常用的编码是 UTF-8。UTF-8 编码是 Unicode 字符集的一种表达方式。

每个字符有一个 Unicode 号码，称为码点

字符的码点表示法是&#N;（十进制，N代表码点）或者&#xN;（十六进制，N代表码点），比如，字符a可以写成&#97；(十进制）或者&#61；(十六进制），字符中可以写成&#20013；(十进制）或者&#x4e2d；(十六进制），浏览器会自动转换它们。

例：

<p>hello</p>
<!-- 等同于 -->
<p>&#104;&#101;&#108;&#108;&#111;</p>  html实体编码（十进制）
<!-- 等同于 -->
<p>&#x68;&#x65;&#x6c;&#x6c;&#x6f;</p>  十六进制

一些特殊字符，及其对应的实体：

urlcode编码

URL 字符转义的方法是，在这些字符的十六进制 ASCII 码前面加上百分号（%）。下面是18个字符及其转义形式：


空格的转义形式是 %20

• 扩展：
  • 协议及其对应的端口号
    
  • 状态码：
    

UTF-8编码

UTF-8 就是在互联网上使用最广的一种 Unicode 的实现方式。

UTF-8 最大的一个特点，就是它是一种变长的编码方式。它可以使用1~4个字节表示一个符号，根据不同的符号而变化字节长度。

UTF-8 的编码规则很简单，只有二条：

1）对于单字节的符号，字节的第一位设为0，后面7位为这个符号的 Unicode 码。因此对于英语字母，UTF-8 编码和 ASCII 码是相同的。

2）对于n字节的符号（n > 1），第一个字节的前n位都设为1，第n + 1位设为0，后面字节的前两位一律设为10。剩下的没有提及的二进制位，全部为这个符号的 Unicode 码。

下表总结了编码规则，字母x表示可用编码的位。

跟据上表，解读 UTF-8 编码非常简单。如果一个字节的第一位是0，则这个字节单独就是一个字符；如果第一位是1，则连续有多少个1，就表示当前字符占用多少个字节。

下面，以汉字 中 为例，演示如何实现 UTF-8 编码：

中的unicode编码(十进制)：20013，对应上表，说明它是3个字节

20013转换成二进制是0100111000101101

因为中的 UTF-8 编码需要三个字节，即格式是1110xxxx 10xxxxxx 10xxxxxx。然后，从中的最后一个二进制位开始，依次从后向前填入格式中的x，多出的位补0。这样就得到了，中的 UTF-8 编码是11100100 10111000 10101101，转换成十六进制就是E4B8AD。