在本文中,我们将详细了解 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标签和 href 属性。例如,。如果您创建任何网站并想要从一个页面转到另一页面,请写下文件名。 .
- 由于造成冲突,某些字符被限制为网址名称;非ascii字符替换为“%”以继续两个十六进制数字。
- 网址不包含空格。它取代了加号 (+) 或 %20。在HTML页面的形式中,“输入”文本输出中出现空格,然后显示加号。 URL 名称中出现间接空格,然后显示 %20。
- URL标签包含大写字母(A-Z)、小写字母(a-z)、十进制数字(1-9)和一些特殊字符。
如果我在表单中添加空格,则 URL 编码为 HTML+CSS。
<a href="my%20file.html"></a>
如果我们在任何 URL 中留出空格,URL 编码将出现为 my%20file.html。
- 保留字符:URL地址中存在一些具有一定含义的字符,我们可以使用命名目的。我们可以使用这两种方式,例如加号 (/) 用于单独的 URL 部分。另一方面,我们可以通过 %2f 进行编码,而地址名称中没有任何含义。
- 不安全字符:许多字符会误解 URL 地址,例如 URL 名称中的空格。不要在 URL 地址名称 中占用空格,而应编写 。然后 URL 名称看起来是“page.html”。
- 非 ASCII 控制字符:这些字符包括一组 80-Ff 的十六进制值,需要进行格式转换。
- ASCII 控制字符: URL 内部不起作用。
HTML URL 编码示例
以下是详细解释 HTML URL 编码的示例:
1.保留字符编码
以下是用于编码保留字符的表。
Characters | $ | & | + | , | / | : | ; | = | ? | @ |
URL Encode | 24% | 26% | %2b | %2c | %2f | %3a | %3b | %3d | %3f | 40% |
Characters | space | “ | > | # | % | { | } | | | ^ | ~ | [ | ] | ||
URL Encode | 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中文网其他相关文章!

一致的HTML编码风格很重要,因为它提高了代码的可读性、可维护性和效率。1)使用小写标签和属性,2)保持一致的缩进,3)选择并坚持使用单引号或双引号,4)避免在项目中混合使用不同风格,5)利用自动化工具如Prettier或ESLint来确保风格的一致性。

在Bootstrap4中实现多项目轮播的解决方案在Bootstrap4中实现多项目轮播并不是一件简单的事情。虽然Bootstrap...

如何实现鼠标滚动事件穿透效果?在我们浏览网页时,经常会遇到一些特别的交互设计。比如在deepseek官网上,�...

无法直接通过CSS修改HTML视频的默认播放控件样式。1.使用JavaScript创建自定义控件。2.通过CSS美化这些控件。3.考虑兼容性、用户体验和性能,使用库如Video.js或Plyr可简化过程。

在手机上使用原生select的潜在问题在开发移动端应用时,我们常常会遇到选择框的需求。通常情况下,开发者倾...

在手机上使用原生select的弊端是什么?在移动设备上开发应用时,选择合适的UI组件是非常重要的。许多开发者�...

使用Three.js和Octree优化房间内第三人称漫游的碰撞处理在Three.js中使用Octree实现房间内的第三人称漫游并添加碰�...

使用原生select在手机上的问题在移动设备上开发应用时,我们经常会遇到需要用户进行选择的场景。虽然原生sel...


热AI工具

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

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

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

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

热门文章

热工具

MinGW - 适用于 Windows 的极简 GNU
这个项目正在迁移到osdn.net/projects/mingw的过程中,你可以继续在那里关注我们。MinGW:GNU编译器集合(GCC)的本地Windows移植版本,可自由分发的导入库和用于构建本地Windows应用程序的头文件;包括对MSVC运行时的扩展,以支持C99功能。MinGW的所有软件都可以在64位Windows平台上运行。

适用于 Eclipse 的 SAP NetWeaver 服务器适配器
将Eclipse与SAP NetWeaver应用服务器集成。

SublimeText3汉化版
中文版,非常好用

记事本++7.3.1
好用且免费的代码编辑器

Dreamweaver Mac版
视觉化网页开发工具