在本文中,我們將詳細了解 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 - Minimalist GNU for Windows
這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。

SAP NetWeaver Server Adapter for Eclipse
將Eclipse與SAP NetWeaver應用伺服器整合。

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

記事本++7.3.1
好用且免費的程式碼編輯器

Dreamweaver Mac版
視覺化網頁開發工具