《HTML5程式設計自學與面試指南》12 URL 編碼

2021-10-03 02:43:05 字數 3868 閱讀 5790

本文中可能包含**,在手機螢幕上豎屏顯示時,一行內可顯示中文字元數量為20個左右,因部分**單元格內容過長會導致自動換行,從而使得排版不太美觀。

因此,如果條件允許,建議您坐在舒適的辦公桌前,沖泡一杯咖啡或者茶,在電腦上閱讀以獲得更好的體驗。

url編碼是一種瀏覽器用來打包表單輸入的資料編碼格式。瀏覽器從表單中獲取所有的請求引數和其值 ,將它們以name=value格式進行編碼,並作為url的一部分或者分離地發給伺服器,這樣伺服器就能知曉並接受使用者在表單中輸入的資料了。其中,name是請求引數名稱,value是該引數的值。而且,一般情況下,請求引數和值可能有多組,組之間用&連線,我們稱之為引數列表。如果請求引數作為url組成部分進行傳輸,在伺服器端的接受到的表單輸入格式樣子象這樣:

http://url?name1=value1&name2=value2
需要強調的是,url 編碼採用十六進製制格式,這樣更加方便用於在瀏覽器和外掛程式中顯示非標準的字母和字元。

比如,我們在瀏覽器位址列輸入後直接回車,請求引數「wd」和關鍵字輸入框的值只識別為@#$這兩個字元被忽略了,因為它們被認為是非標準的字母或者字元。

下表是用 url 編碼形式表示的 ascii 字元(十六進製制格式),僅作參考。

#1、url 編碼 - 從 %00 到 %8f

ascii value

url-encode

ascii value

url-encode

ascii value

url-encode

æ%00

0%30

`%60

%011

%31a

%61%02

2%32

b%62

%033

%33c

%63%04

4%34

d%64

%055

%35e

%65%06

6%36

f%66

%077

%37g

%67backspace

%088

%38h

%68tab

%099

%39i

%69linefeed

%0a:

%3aj

%6a%0b

;%3b

k%6b

%0c<

%3cl

%6cc return

%0d=

%3dm

%6d%0e

>

%3en

%6e%0f

?%3f

o%6f

%10@

%40p

%70%11

a%41

q%71

%12b

%42r

%72%13

c%43

s%73

%14d

%44t

%74%15

e%45

u%75

%16f

%46v

%76%17

g%47

w%77

%18h

%48x

%78%19

i%49

y%79

%1aj

%4az

%7a%1b

k%4b

%7d%1e

n%4e

~%7e

%1fo

%4f%7f

space

%20p

%50€

%80!

%21q

%51%81

"%22

r%52

‚%82

#%23

s%53

ƒ%83

$%24

t%54

„%84

%%25

u%55

…%85

&%26

v%56

†%86

』%27

w%57

‡%87

(%28

x%58

ˆ%88

)%29

y%59

‰%89

*%2a

z%5a

š%8a

+%2b

[%5b

‹%8b

,%2c

\%5c

œ%8c

-%2d

]%5d

%8d.

%2e^

%5ež

%8e/

%2f_

%5f%8f

#2、url 編碼 - 從 %90 到 %ff

ascii value

url-encode

ascii value

url-encode

ascii value

url-encode

%90à

%c0ð

%f0『

%91á

%c1ñ

%f1』

%92â

%c2ò

%f2「

%93ã

%c3ó

%f3」

%94ä

%c4ô

%f4•

%95å

%c5õ

%f5–

%96æ

%c6ö

%f6—

%97ç

%c7÷

%f7˜

%98è

%c8ø

%f8™

%99é

%c9ù

%f9š

%9aê

%caú

%fa›

%9bë

%cbû

%fbœ

%9cì

%ccü

%fc%9d

í%cd

ý%fd

ž%9e

î%ce

þ%fe

ÿ%9f

ï%cf

ÿ%ff

%a0ð

%d0¡

%a1ñ

%d1¢

%a2ò

%d2£

%a3ó

%d3%a4

ô%d4

¥%a5

õ%d5

|%a6

ö%d6

§%a7

%d7¨

%a8ø

%d8%a9

ù%d9

ª%aa

ú%da

«%ab

û%db

¬%ac

ü%dc

¯%ad

ý%dd

®%ae

þ%de

¯%af

ß%df

°%b0

à%e0

±%b1

á%e1

²%b2

â%e2

³%b3

ã%e3

´%b4

ä%e4

µ%b5

å%e5

¶%b6

æ%e6

·%b7

ç%e7

¸%b8

è%e8

¹%b9

é%e9

º%ba

ê%ea

»%bb

ë%eb

¼%bc

ì%ec

½%bd

í%ed

¾%be

î%ee

¿%bf

ï%ef

好好學習,天天向上!繼續下一章…??????

HTML5自學筆記

內容區 content 元素中的所有子元素和文字內容都在內容區中排列。內容區的大小由width和height兩個屬性設定。邊框 border 邊框屬於盒子的邊緣,邊框裡面屬於盒子的內容,邊框外面屬於盒子的外部。要設定邊框,需要至少設定三個樣式 邊框的大小會影響盒子的大小。盒子大小 content大小...

《HTML5與CSS3權威指南》知識整理(1)

1 新增標籤 新增語義化標籤。定義 section 或 page 的頁首。定義導航鏈結。定義 section 或 page 的頁尾 定義 section。定義文章。定義頁面內容之外的內容。下面用乙個圖示來說明其用法。語義化標籤的好處 1 對搜尋引擎友好,有利於 seo2 便於程式設計師進行 閱讀和維...

HTML5權威指南 建立布局

值 說明static 預設值,普通布局 relative 元素位置相對於static定位 absolute 元素相對於position值不為static的第一位祖先元素定位 fixed 元素相對於瀏覽器視窗定位 跟報紙的排版一樣 果然如同報紙一樣!書中寫的已經有些過時了。我就找一些資料按照書上的思路...