目录
如何在 HTML 中进行 URL 编码?
HTML URL 编码示例
1.保留字符编码
3. 非 ASCII 控制字符
4. ASCII 控制字符
HTML 中 URL 编码的重要性
结论
首页 web前端 html教程 HTML URL 编码

HTML URL 编码

Sep 04, 2024 pm 04:41 PM
html html5 HTML Tutorial HTML Properties HTML tags

在本文中,我们将详细了解 HTML URL 编码。 HTML URL 是万维网上的全球或 IP 地址统一资源定位符的首字母缩写。 Web 服务器使用 Web 浏览器的 URL 获取页面。

示例: https://www.google.com 是其中一个网址。

ASCII 字符集对于 HTML URL 编码很重要。 URL 使用 ASCII 字符集发送到互联网。非 ASCII 字符受到限制,因为它们可能会在查找服务器的页面路径时产生冲突。由于这个问题,HTML 使用 URL 编码。

HTML URL 编码将非 ASCII 字符转换为可以发送到互联网的格式。用户可以使用“%”转换为两位十六进制数字。

如何在 HTML 中进行 URL 编码?

HTML URL 编码

如果我在表单中添加空格,则 URL 编码为 HTML+CSS。

<a href="my file.html">
登录后复制

如果我们在任何 URL 中留出空格,URL 编码将出现为 my%20file.html。

  1. 保留字符:URL地址中存在一些具有一定含义的字符,我们可以使用命名目的。我们可以使用这两种方式,例如加号 (/) 用于单独的 URL 部分。另一方面,我们可以通过 %2f 进行编码,而地址名称中没有任何含义。
  2. 不安全字符:许多字符会误解 URL 地址,例如 URL 名称中的空格。不要在 URL 地址名称 中占用空格,而应编写 。然后 URL 名称看起来是“page.html”。
  3. 非 ASCII 控制字符:这些字符包括一组 80-Ff 的十六进制值,需要进行格式转换。
  4. ASCII 控制字符: URL 内部不起作用。

HTML URL 编码示例

以下是详细解释 HTML URL 编码的示例:

1.保留字符编码

以下是用于编码保留字符的表。

Characters $ & + , / : ; = ? @
URL Encode 24% 26% %2b %2c %2f %3a %3b %3d %3f 40%
字符

$ & + , / : ; = ? @ URL 编码

24% 26% %2b %2c %2f %3a %3b %3d %3f 40% 表> 2.不安全的角色
Characters space < > # % { } | ^ ~ [ ]
URL Encode 20% 22% %3c %3e 23% 25% %7b %7d %7c %5c %5e %7e %5b %5d
以下是用于编码不安全字符的表。 字符 空间 “ > # % { } | ^ ~ [ ] URL 编码 20% 22% %3c %3e 23% 25% %7b %7d %7c %5c %5e %7e %5b %5d 表>

3. 非 ASCII 控制字符

以下是用于编码非 ASCII 字符的表。

Character URL Encode Character URL Encode Character URL Encode Character URL Encode
%80 ˜ %98 « %ab ¿ %bf
%82 %99 ¬ %ac À %c0
ƒ %83 š %9a ­ ª %aa Á %c1
%84 %9b ® %ae  %c2
%85 œ %9c ¯ %af à %c3
%86  %9d ° %b0 Ä %c4
%87 ž %9e ± %b1 Å %c5
ˆ %88 Ÿ %9f ² %b2 Æ %v6
%89  × %d7 ³ %b3 Ç %c7
Š %8a ¡ %a1 ´ %b4 È %c8
%8b ¢ %a2 µ %b5 É %c9
Œ %8c £ %a3 %b6 Ê %ca
Ž %8e ¤ %a4 · %b7 Ë %cb
%91 ¥ %a5 ¸ %b8 Ì %cc
%92 ¦ %a6 ¹ %b9 Í %cd
%93 § %a7 º %ba Î %ce
%94 ¨ %a8 » %bb Ï %cf
%95 © %a9 ¼ %bc Ð %d0
%96 %97 ½ %bd Ñ %d1
ã %e3 Þ %de ¾ %be Ò %d2
æ %e6 ß %df Ø %d8 Ó %d3
ä %e4 à %e0 Ý %dd Ô %d4

4. ASCII 控制字符

以下是用于编码 Ascii 字符的表格。

ASCII Character URL-Encoding
NUL – null character %00
SOH – the start of the header %01
STX – the start of the text %02
ETX – end of the text %03
EOT – end of the transmission %04
ENQ – enquiry %05
ACK – acknowledge %06
BEL – bell (ring) %07
BS – backspace %08
HT- horizontal tab %09
LF- line feed %0A
VT- vertical tab %0B
FF- form feed %0C
CR- carriage return %0D
SO- shift out %0E
SI- shift in %0F
DLE- data link escape %10
DC1- device control 1 %11
DC2- device control 2 %12
DC3- device control 3 %13
DC4- device control 4 %14
NAK- negative acknowledge %15
SYN- synchronize %16
ETB- end transmission block %17
CAN- cancel %18
EM – end of medium %19
SUB- substitute %1A
ESC- escape %1B
FS -file separator %1C
GS- group separator %1D
RS- record separator %1E
US- unit separator %1F

HTML 中 URL 编码的重要性

如果 URL 是保留的、不安全的、非 ASCII 字符,则 URL 地址会变得更加复杂和难以理解。当 Web 浏览器搜索 URL 地址时,Web 服务器会搜索 URL 的名称或路径。如果 URL 名称不是 ASCII,则很难找到 HTML 中 URL 编码的 URL 重要性。

URL 地址必须易于查找、被普遍接受,并且对于所有网络浏览器和服务器来说都是可以理解的。有些字符会误解 URL,因为如果不用于任何目的,它们就用于某种目的。那可能会发生时间冲突,路径不会到达用户。

克服一切困难,轻松使用非 ASCII 字符转换为 ASCII 码,使用 % 得出两个十六进制。

结论

HTML 中的 URL 编码知道如何将非 ASCII 字符集转换为有效的 ASCII 格式集。它已被普遍接受,并且网络浏览器可以正常运行而不会出现任何错误。对 URL 进行编码可以快速安全地运行。为了避免命名与命名目的发生冲突,需要进行URL编码。

以上是HTML URL 编码的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

HTML 中的表格边框 HTML 中的表格边框 Sep 04, 2024 pm 04:49 PM

HTML 表格边框指南。在这里,我们以 HTML 中的表格边框为例,讨论定义表格边框的多种方法。

HTML 中的嵌套表 HTML 中的嵌套表 Sep 04, 2024 pm 04:49 PM

这是 HTML 中嵌套表的指南。这里我们讨论如何在表中创建表以及相应的示例。

HTML 左边距 HTML 左边距 Sep 04, 2024 pm 04:48 PM

HTML 左边距指南。在这里,我们讨论 HTML margin-left 的简要概述及其示例及其代码实现。

HTML 表格布局 HTML 表格布局 Sep 04, 2024 pm 04:54 PM

HTML 表格布局指南。在这里,我们详细讨论 HTML 表格布局的值以及示例和输出。

HTML 输入占位符 HTML 输入占位符 Sep 04, 2024 pm 04:54 PM

HTML 输入占位符指南。在这里,我们讨论 HTML 输入占位符的示例以及代码和输出。

HTML 有序列表 HTML 有序列表 Sep 04, 2024 pm 04:43 PM

HTML 有序列表指南。在这里我们还分别讨论了 HTML 有序列表和类型的介绍以及它们的示例

HTML onclick 按钮 HTML onclick 按钮 Sep 04, 2024 pm 04:49 PM

HTML onclick 按钮指南。这里我们分别讨论它们的介绍、工作原理、示例以及各个事件中的onclick事件。

在 HTML 中移动文本 在 HTML 中移动文本 Sep 04, 2024 pm 04:45 PM

HTML 中的文本移动指南。在这里我们讨论一下marquee标签如何使用语法和实现示例。

See all articles