1. 程式人生 > >HTML JS轉義字元

HTML JS轉義字元

HTML中<,>,&等有特殊含義(<,>,用於連結籤,&用於轉義),不能直接使用。這些符號是不顯示在我們最終看到的網頁裡的,那如果我們希望在網頁中顯示這些符號,該怎麼辦呢?

這就要說到HTML轉義字串(Escape Sequence)了。

  轉義字元(Escape Sequence)也稱字元實體(Character Entity)。在HTML中,定義轉義字串的原因有兩個:第一個原因是像“<”和“>”這類符號已經用來表示HTML標籤,因此就不能直接當作文字中的符號來使用。為了在HTML文件中使用這些符號,就需要定義它的轉義字串。當解釋程式遇到這類字串時就把它解釋為真實的字元。在輸入轉義字串時,要嚴格遵守字母大小寫的規則。第二個原因是,有些字元在ASCII字符集中沒有定義,因此需要使用轉義字串來表示。

轉義字串的組成

  轉義字串(Escape Sequence),即字元實體(Character Entity)分成三部分:第一部分是一個&符號,英文叫ampersand;第二部分是實體(Entity)名字或者是#加上實體(Entity)編號;第三部分是一個分號。

  比如,要顯示小於號(<),就可以寫 &lt; 或者 &#60; 。

  用實體(Entity)名字的好處是比較好理解,一看lt,大概就猜出是less than的意思,但是其劣勢在於並不是所有的瀏覽器都支援最新的Entity名字。而實體(Entity)編號,各種瀏覽器都能處理。

  提示:實體名稱(Entity)是區分大小寫的。

  備註:同一個符號,可以用“實體名稱”和“實體編號”兩種方式引用,“實體名稱”的優勢在於便於記憶,但不能保證所有的瀏覽器都能順利識別它,而“實體編號”則沒有這種擔憂,但它實在不方便記憶。

如何顯示空格?

  通常情況下,HTML會自動截去多餘的空格。不管你加多少空格,都被看做一個空格。比如你在兩個字之間加了10個空格,HTML會截去9個空格,只保留一個。為了在網頁中增加空格,你可以使用&nbsp;表示空格。

HTML特殊轉義字元列表

最常用的字元實體

Character Entities

顯示 說明 實體名稱 實體編號
半方大的空白 &ensp; &#8194;
全方大的空白 &emsp; &#8195;
不斷行的空白格 &nbsp; &#160;
< 小於 &lt; &#60;
> 大於 &gt; &#62;
& &符號 &amp; &#38;
" 雙引號 &quot; &#34;
© 版權 &copy; &#169;
® 已註冊商標 &reg; &#174;
? 商標(美國) ? &#8482;
× 乘號 &times; &#215;
÷ 除號 &divide; &#247;

ISO 8859-1 (Latin-1)字符集

HTML 4.01 支援 ISO 8859-1 (Latin-1) 字符集。

備註:為了方便起見,以下表格中,“實體名稱”簡稱為“名稱”,“實體編號”簡稱為“編號”

顯示 名稱 編號 顯示 名稱 編號 顯示 名稱 編號 顯示 名稱 編號 顯示 名稱 編號
&nbsp; &#160; ¡ &iexcl; &#161; ¢ &cent; &#162; £ &pound; &#163; ¤ &curren; &#164;
¥ &yen; &#165; ¦ &brvbar; &#166; § &sect; &#167; ¨ &uml; &#168; © &copy; &#169;
ª &ordf; &#170; « &laquo; &#171; ¬ &not; &#172; ­ &shy; &#173; ® &reg; &#174;
¯ &macr; &#175; ° &deg; &#176; ± &plusmn; &#177; ² &sup2; &#178; ³ &sup3; &#179;
´ &acute; &#180; µ &micro; &#181; &para; &#182; · &middot; &#183; ¸ &cedil; &#184;
¹ &sup1; &#185; º &ordm; &#186; » &raquo; &#187; ¼ &frac14; &#188; ½ &frac12; &#189;
¾ &frac34; &#190; ¿ &iquest; &#191; À &Agrave; &#192; ? &Aacute; &#193; Â &Acirc; &#194;
à &Atilde; &#195; Ä &Auml; &#196; Å &Aring; &#197; Æ &AElig; &#198; Ç &Ccedil; &#199;
È &Egrave; &#200; ? &Eacute; &#201; Ê &Ecirc; &#202; Ë &Euml; &#203; Ì &Igrave; &#204;
? &Iacute; &#205; Î &Icirc; &#206; Ï &Iuml; &#207; Ð &ETH; &#208; Ñ &Ntilde; &#209;
Ò &Ograve; &#210; ? &Oacute; &#211; Ô &Ocirc; &#212; Õ &Otilde; &#213; Ö &Ouml; &#214;
× &times; &#215; Ø &Oslash; &#216; Ù &Ugrave; &#217; ? &Uacute; &#218; Û &Ucirc; &#219;
Ü &Uuml; &#220; ? &Yacute; &#221; Þ &THORN; &#222; ß &szlig; &#223; à &agrave; &#224;
á &aacute; &#225; â &acirc; &#226; ã &atilde; &#227; ä &auml; &#228; å &aring; &#229;
æ &aelig; &#230; ç &ccedil; &#231; è &egrave; &#232; é &eacute; &#233; ê &ecirc; &#234;
ë &euml; &#235; ì &igrave; &#236; í &iacute; &#237; î &icirc; &#238; ï &iuml; &#239;
ð &eth; &#240; ñ &ntilde; &#241; ò &ograve; &#242; ó &oacute; &#243; ô &ocirc; &#244;
õ &otilde; &#245; ö &ouml; &#246; ÷ &divide; &#247; ø &oslash; &#248; ù &ugrave; &#249;
ú &uacute; &#250; û &ucirc; &#251; ü &uuml; &#252; ? &yacute; &#253; þ &thorn; &#254;
ÿ &yuml; &#255;

數學和希臘字母標誌
symbols, mathematical symbols, and Greek letters

顯示 名稱 編號 顯示 名稱 編號 顯示 名稱 編號 顯示 名稱 編號 顯示 名稱 編號
? &fnof; &#402; Α &Alpha; &#913; Β &Beta; &#914; Γ &Gamma; &#915; Δ &Delta; &#916;
Ε &Epsilon; &#917; Ζ &Zeta; &#918; Η &Eta; &#919; Θ &Theta; &#920; Ι &Iota; &#921;
Κ &Kappa; &#922; Λ &Lambda; &#923; Μ &Mu; &#924; Ν &Nu; &#925; Ξ &Xi; &#926;
Ο &Omicron; &#927; Π &Pi; &#928; Ρ &Rho; &#929; Σ &Sigma; &#931; Τ &Tau; &#932;
Υ &Upsilon; &#933; Φ &Phi; &#934; Χ &Chi; &#935; Ψ &Psi; &#936; Ω &Omega; &#937;
α &alpha; &#945; β &beta; &#946; γ &gamma; &#947; δ &delta; &#948; ε &epsilon; &#949;
ζ &zeta; &#950; η &eta; &#951; θ &theta; &#952; ι &iota; &#953; κ &kappa; &#954;
λ &lambda; &#955; μ &mu; &#956; ν &nu; &#957; ξ &xi; &#958; ο &omicron; &#959;
π &pi; &#960; ρ &rho; &#961; ? &sigmaf; &#962; σ &sigma; &#963; τ &tau; &#964;
υ &upsilon; &#965; φ &phi; &#966; χ &chi; &#967; ψ &psi; &#968; ω &omega; &#969;
? &thetasym; &#977; ? &upsih; &#978; ? &piv; &#982; ? &bull; &#8226; &hellip; &#8230;
&prime; &#8242; &Prime; &#8243; ? &oline; &#8254; ? &frasl; &#8260; ? &weierp; &#8472;
? &image; &#8465; ? &real; &#8476; ? &trade; &#8482; ? &alefsym; &#8501; &larr; &#8592;
&uarr; &#8593; &rarr; &#8594; &darr; &#8595; ? &harr; &#8596; ? &crarr; &#8629;
? &lArr; &#8656; ? &uArr; &#8657; ? &rArr; &#8658; ? &dArr; &#8659; ? &hArr; &#8660;
? &forall; &#8704; ? &part; &#8706; ? &exist; &#8707; ? &empty; &#8709; ? &nabla; &#8711;
&isin; &#8712; ? &notin; &#8713; ? &ni; &#8715; &prod; &#8719; &sum; &#8721;
? &minus; &#8722; ? &lowast; &#8727; &radic; &#8730; &prop; &#8733; &infin; &#8734;
&ang; &#8736; &and; &#8743; &or; &#8744; &cap; &#8745; &cup; &#8746;
&int; &#8747; &there4; &#8756; ? &sim; &#8764; &cong; &#8773; &asymp; &#8776;
&ne; &#8800; &equiv; &#8801; &le; &#8804; &ge; &#8805; ? &sub; &#8834;
? &sup; &#8835; ? &nsub; &#8836; ? &sube; &#8838; ? &supe; &#8839; &oplus; &#8853;
? &otimes; &#8855; &perp; &#8869; ? &sdot; &#8901; ? &lceil; &#8968; ? &rceil; &#8969;
? &lfloor; &#8970; ? &rfloor; &#8971; ? &lang; &#9001; ? &rang; &#9002; ? &loz; &#9674;
? &spades; &#9824; ? &clubs; &#9827; ? &hearts; &#9829; ? &diams; &#9830;

重要的國際標記
markup-significant and internationalization characters

顯示 名稱 編號 顯示 名稱 編號 顯示 名稱 編號 顯示 名稱 編號 顯示 名稱 編號
" &quot; &#34; & &amp; &#38; < &lt; &#60; > &gt; &#62; ? &OElig; &#338;
? &oelig; &#339; ? &Scaron; &#352; ? &scaron; &#353; ? &Yuml; &#376; ? &circ; &#710;
? &tilde; &#732; ? &ensp; &#8194; ? &emsp; &#8195; ? &thinsp; &#8201; ? &zwnj; &#8204;
? &zwj; &#8205; ? &lrm; &#8206; ? &rlm; &#8207; &ndash; &#8211; &mdash; &#8212;
&lsquo; &#8216; &rsquo; &#8217; ? &sbquo; &#8218; &ldquo; &#8220; &rdquo; &#8221;
? &bdquo; &#8222; ? &dagger; &#8224; ? &Dagger; &#8225; &permil; &#8240; ? &lsaquo; &#8249;
? &rsaquo; &#8250; ? &euro; &#8364;

JavaScript轉義符

轉義序列 字元
\b 退格
\f 走紙換頁
\n 換行
\r 回車
\t 橫向跳格 (Ctrl-I)
\' 單引號
\" 雙引號
\\ 反斜槓

程式設計的時候要注意特殊字元的問題,很多執行時出現的問題都是因為特殊字元的出現而引起的。

注意,由於反斜槓本身用作轉義符,因此不能直接在指令碼中鍵入一個反斜槓。如果要產生一個反斜槓,必須一起鍵入兩個反斜槓 (\\)。

編碼轉換(to Unicode)

(程式程式碼來源於網路)

Js版

<script>      test = "你好abc"      str = ""      for( i=0;    i<test.length; i++ )      {       temp = test.charCodeAt(i).toString(16);       str    += "\\u"+ new Array(5-String(temp).length).join("0") +temp;      }      document.write (str) </script>

相關推薦

HTML JS轉義字元

HTML中<,>,&等有特殊含義(<,>,用於連結籤,&用於轉義),不能直接使用。這些符號是不顯示在我們最終看到的網頁裡的,那如果我們希望在網頁中顯示這些符號,該怎麼辦呢? 這就要說到HTML轉義字串(Escape Sequence)

Android HTML & XML 轉義字元

&amp; 或 & & 和 &lt; 或 <<  小於號 &gt; 或 > >  大於號    &quot; " 雙引號 &nbsp; &copy; © 版權符 &reg ® 註冊符 前者為字元轉義序列,後者為數字

HTML轉義字元防止js程式碼注入攻擊

什麼是js注入攻擊 有的時候頁面中會有一個輸入框,使用者輸入內容後會顯示在頁面中,類似於網頁聊天應用。如果使用者輸入了一段js指令碼,比例:,頁面會彈出一個對話方塊,或者輸入的指令碼中有改變頁面js變數的程式碼則會時程式異常或者達到跳過某種驗證的目的 什麼是ht

js轉義和反轉義html

想要 def reg job 實體 margin wan ccid tor 本文地址: http://www.cnblogs.com/daysme/p/7100553.html 下面的代碼網上常用有,但不是想要的。 JS實現HTML標簽轉義及反轉義

js轉義特殊字元

直接上程式碼 function jsEncode(url) { if(url){ url = url.replace(/\%/g,"%25"); url = url.replace(/\s/g,"%20"); url = url.repla

HTML轉義字元大全

ISO Latin-1字符集: &#09; — 製表符Horizontal tab &#10; — 換行Line feed &#13; — 回車Carriage Return &#32; — Space ! &#33; — 驚歎號Exc

用 Python 處理 HTML 轉義字元的5種方式

寫爬蟲是一個傳送請求,提取資料,清洗資料,儲存資料的過程。在這個過程中,不同的資料來源返回的資料格式各不相同,有 JSON 格式,有 XML 文件,不過大部分還是 HTML 文件,HTML 經常會混雜有轉移字元,這些字元我們需要把它轉義成真正的字元。 什麼是轉義字元 在 HTML 中 <

js特殊字元轉義

/** * 特殊字元轉義 防止XSS攻擊 用於特殊字元正常顯示 * @param text * @constructor */ function StringFilter(str) { var s = ""; if (str.length === 0) { return ""

java中的轉義字元html中的轉義字元

形象理解 在java中轉義字元都有一定的含義,編譯程式的時候會展現出來(就像人的名片一樣,一個轉義字元都有一個實際的含義)! " "在java中代表裡面包含了一個字串編譯後只剩下字串,\"則會被編譯成 "保留下來 參考資料 概念:通過 \ 來轉變後面字母或符號的含

HTML特殊字元大全,實體名稱轉義字元對照表

特殊符號 命名實體 十進位制編碼 特殊符號 命名實體 十進位制編碼 &#32; ! &#33; " &quot; &#34; # &#35;

HTML 轉義字元

字元實體 一些字元在 HTML 中擁有特殊的含義,比如小於號 (<) 用於定義 HTML 標籤的開始。如果我們希望瀏覽器正確地顯示這些字元,我們必須在 HTML 原始碼中插入字元實體。 字元實體有三部分:一個和號 (&),一個實體名稱,或者 # 和一個實體編號,以及一個分號 (;)。 要在 H

html轉義字元換行以及回車等的使用

html換行回車轉義字元 &#10; 換行Line feed  &#13;  回車Carriage Return    html中換行轉義字元&#10;的使用

關於JS中的轉義字元

JS裡面的單引號和雙引號可以同時使用,但是要遵循一定的準則。最外面用了雙引號了,那麼裡面就不能再用雙引號了,因為引號是成雙對的,瀏覽器讀到一個雙引號後,到第2個雙引號時才算結束;同理,瀏覽器讀到一個單引號後,必須要讀到第二個單引號才算結束,不管是單引號還是雙引號,裡面都可以套相反的引號,但是不可以雙引號裡面套

標籤將html標籤轉義成&字元

struts標籤property預設會把將顯示的字串進行轉義處理,所以,你要顯示的內容含有html標籤時就會被轉義處理,無法顯示出效果。 解決方法:在獲取欄位值時,加上escape="false", 如<s:property escape="false" value=

js中替換字串中轉義字元"\"的方法

查詢替換功能非常強大,但模板難記複雜。 JavaScript中String物件的match()、replace()這2個方法都要使用正則表示式的模板。當模板內容與字串不相匹配時,match()返回null,replace()返回原字串。 模板的用法是關鍵。flag:

HTML中多種空格轉義字元

記錄一下,空格的轉義字元分為如下幾種: 1. &nbsp;&160#;不斷行的空白(1個字元寬度) 2. &ensp;&8194#;半個空白(1個字元寬度) 3. &emsp;&8195#;一個空白(2個字元寬度) 4.

用Python處理HTML轉義字元的5種方式

寫爬蟲是一個傳送請求,提取資料,清洗資料,儲存資料的過程。在這個過程中,不同的資料來源返回的資料格式各不相同,有 JSON 格式,有 XML 文件,不過大部分還是 HTML 文件,HTML 經常會混雜有轉移字元,這些字元我們需要把它轉義成真正的字元。 什麼是轉義字元

JS轉義HTML轉義

1、去掉html標籤 function removeHtmlTab(tab) { return tab.replace(/<[^<>]+?>/g,'');//刪除所有HTML標籤 } 2、普通字元轉換成轉意符 function html2Esc

python處理HTML轉義字元

抓網頁資料經常遇到例如&gt;或者&nbsp;這種HTML轉義符,抓到字串裡很是煩人。 比方說一個從網頁中抓到的字串 html = '&lt;abc&gt;' 用Python可以這樣處理: import HTMLParser ht

1.4.7 HTML 多種空格轉義字元

記錄一下,空格的轉義字元分為如下幾種: &nbsp;&160#;nbsp;&160#; 不斷行的空白(1個字元寬度) &ensp;&8194#;ensp;&8194#; 半個空白(1個字元寬度) &emsp;&