从 Trac 迁移的文章
这是从旧校内 Wiki 迁移的文章,可能存在一些样式问题,您可以向 memset0 反馈。
原文章内容如下:
{{{
#!html
<!-- Contents of this file are Copyright 2006-2008, Xixik Inc. -->
<div class="noprint">
<div class="commonContainer">
<h1>HTML字符实体(Character Entities),转义字符串(Escape Sequence)</h1>
</div>
</div>
<!-- Contents of this file are Copyright 2006-2008, Xixik Inc. -->
<div class="commonContainer">
<h2>为什么要用转义字符串?</h2>
<p>HTML中<,>,&等有特殊含义(<,>,用于链接签,&用于转义),不能直接使用。这些符号是不显示在我们最终看到的网页里的,那如果我们希望在网页中显示这些符号,该怎么办呢?
</p>
<p>这就要说到HTML转义字符串(Escape Sequence)了。
</p>
<p><a href="http://114.xixik.com/character/" class="f14px" title="常用HTML转义字符,html转义符">转义字符串</a>(Escape Sequence)也称字符实体(Character Entity)。在HTML中,定义转义字符串的原因有两个:第一个原因是像“<”和“>”这类符号已经用来表示HTML标签,因此就不能直接当作文本中的符号来使用。为了在HTML文档中使用这些符号,就需要定义它的转义字符串。当解释程序遇到这类字符串时就把它解释为真实的字符。在输入转义字符串时,要严格遵守字母大小写的规则。第二个原因是,有些字符在ASCII字符集中没有定义,因此需要使用转义字符串来表示。
</p>
<!-- Contents of this file are Copyright 2006-2008, Xixik Inc. -->
<h2>转义字符串的组成</h2>
<p>转义字符串(Escape Sequence),即字符实体(Character Entity)分成三部分:第一部分是一个&符号,英文叫ampersand;第二部分是实体(Entity)名字或者是#加上实体(Entity)编号;第三部分是一个分号。
</p>
<p>比如,要显示小于号(<),就可以写 &lt; 或者 &#60; 。
</p>
<p>用实体(Entity)名字的好处是比较好理解,一看lt,大概就猜出是less than的意思,但是其劣势在于并不是所有的浏览器都支持最新的Entity名字。而实体(Entity)编号,各种浏览器都能处理。
</p>
<p>提示:实体名称(Entity)是区分大小写的。
</p>
<p>备注:同一个符号,可以用“实体名称”和“实体编号”两种方式引用,“实体名称”的优势在于便于记忆,但不能保证所有的浏览器都能顺利识别它,而“实体编号”则没有这种担忧,但它实在不方便记忆。
</p>
<h2>如何显示空格?</h2>
<p>通常情况下,HTML会自动截去多余的空格。不管你加多少空格,都被看做一个空格。比如你在两个字之间加了10个空格,HTML会截去9个空格,只保留一个。为了在网页中增加空格,你可以使用&nbsp;表示空格。
</p>
</div>
<div class="commonContainer">
<hr>
<h1>HTML特殊转义字符列表</h1>
<h2>最常用的字符实体<br>Character Entities</h2>
<table width="400">
<tbody>
<tr>
<th>显示</th>
<th>说明</th>
<th>实体名称</th>
<th>实体编号</th>
</tr>
<tr>
<td class="key"></td>
<td>半方大的空白</td>
<td>&ensp;</td>
<td>&#8194;</td></tr>
<tr>
</tr><tr>
<td class="key"></td>
<td>全方大的空白</td>
<td>&emsp;</td>
<td>&#8195;</td></tr>
<tr>
</tr><tr>
<td class="key"></td>
<td>不断行的空白格</td>
<td>&nbsp;</td>
<td>&#160;</td></tr>
<tr>
<td class="key"><</td>
<td>小于</td>
<td>&lt;</td>
<td>&#60;</td></tr>
<tr>
<td class="key">></td>
<td>大于</td>
<td>&gt;</td>
<td>&#62;</td></tr>
<tr>
<td class="key">&</td>
<td>&符号</td>
<td>&amp;</td>
<td>&#38;</td></tr>
<tr>
<td class="key">"</td>
<td>双引号</td>
<td>&quot;</td>
<td>&#34;</td>
</tr>
<tr>
<td class="key">©</td>
<td>版权</td>
<td>&copy;</td>
<td>&#169;</td></tr>
<tr>
<td class="key">®</td>
<td>已注册商标</td>
<td>&reg;</td>
<td>&#174;</td></tr>
<tr>
<td class="key">™</td>
<td>商标(美国)</td>
<td>™</td>
<td>&#8482;</td></tr>
<tr>
</tr><tr>
<td class="key">×</td>
<td>乘号</td>
<td>&times;</td>
<td>&#215;</td></tr>
<tr>
<td class="key">÷</td>
<td>除号</td>
<td>&divide;</td>
<td>&#247;</td></tr>
</tbody>
</table>
</div>
<div class="commonContainer">
<h2>ISO 8859-1 (Latin-1)字符集</h2>
<p>
HTML 4.01 支持 ISO 8859-1 (Latin-1) 字符集。
</p>
<p>
备注:为了方便起见,以下表格中,“实体名称”简称为“名称”,“实体编号”简称为“编号”
</p>
<table width="778">
<tbody>
<tr>
<th>显示</th>
<th>名称</th>
<th>编号</th>
<th>显示</th>
<th>名称</th>
<th>编号</th>
<th>显示</th>
<th>名称</th>
<th>编号</th>
<th>显示</th>
<th>名称</th>
<th>编号</th>
<th>显示</th>
<th>名称</th>
<th>编号</th>
</tr>
<tr><td class="key"> </td>
<td>&nbsp;</td>
<td>&#160;</td>
<td class="key">¡</td>
<td>&iexcl;</td>
<td>&#161;</td>
<td class="key">¢</td>
<td>&cent;</td>
<td>&#162;</td>
<td class="key">£</td>
<td>&pound;</td>
<td>&#163;</td>
<td class="key">¤</td>
<td>&curren;</td>
<td>&#164;</td></tr>
<tr>
<td class="key">¥</td>
<td>&yen;</td>
<td>&#165;</td>
<td class="key">¦</td>
<td>&brvbar;</td>
<td>&#166;</td>
<td class="key">§</td>
<td>&sect;</td>
<td>&#167;</td>
<td class="key">¨</td>
<td>&uml;</td>
<td>&#168;</td>
<td class="key">©</td>
<td>&copy;</td>
<td>&#169;</td></tr>
<tr>
<td class="key">ª</td>
<td>&ordf;</td>
<td>&#170;</td>
<td class="key">«</td>
<td>&laquo;</td>
<td>&#171;</td>
<td class="key">¬</td>
<td>&not;</td>
<td>&#172;</td>
<td class="key"></td>
<td>&shy;</td>
<td>&#173;</td>
<td class="key">®</td>
<td>&reg;</td>
<td>&#174;</td></tr>
<tr>
<td class="key">¯</td>
<td>&macr;</td>
<td>&#175;</td>
<td class="key">°</td>
<td>&deg;</td>
<td>&#176;</td>
<td class="key">±</td>
<td>&plusmn;</td>
<td>&#177;</td>
<td class="key">²</td>
<td>&sup2;</td>
<td>&#178;</td>
<td class="key">³</td>
<td>&sup3;</td>
<td>&#179;</td></tr>
<tr>
<td class="key">´</td>
<td>&acute;</td>
<td>&#180;</td>
<td class="key">µ</td>
<td>&micro;</td>
<td>&#181;</td>
<td class="key">¶</td>
<td>&para;</td>
<td>&#182;</td>
<td class="key">·</td>
<td>&middot;</td>
<td>&#183;</td>
<td class="key">¸</td>
<td>&cedil;</td>
<td>&#184;</td></tr>
<tr>
<td class="key">¹</td>
<td>&sup1;</td>
<td>&#185;</td>
<td class="key">º</td>
<td>&ordm;</td>
<td>&#186;</td>
<td class="key">»</td>
<td>&raquo;</td>
<td>&#187;</td>
<td class="key">¼</td>
<td>&frac14;</td>
<td>&#188;</td>
<td class="key">½</td>
<td>&frac12;</td>
<td>&#189;</td></tr>
<tr>
<td class="key">¾</td>
<td>&frac34;</td>
<td>&#190;</td>
<td class="key">¿</td>
<td>&iquest;</td>
<td>&#191;</td>
<td class="key">À</td>
<td>&Agrave;</td>
<td>&#192;</td>
<td class="key">Á</td>
<td>&Aacute;</td>
<td>&#193;</td>
<td class="key">Â</td>
<td>&Acirc;</td>
<td>&#194;</td></tr>
<tr>
<td class="key">Ã</td>
<td>&Atilde;</td>
<td>&#195;</td>
<td class="key">Ä</td>
<td>&Auml;</td>
<td>&#196;</td>
<td class="key">Å</td>
<td>&Aring;</td>
<td>&#197;</td>
<td class="key">Æ</td>
<td>&AElig;</td>
<td>&#198;</td>
<td class="key">Ç</td>
<td>&Ccedil;</td>
<td>&#199;</td></tr>
<tr>
<td class="key">È</td>
<td>&Egrave;</td>
<td>&#200;</td>
<td class="key">É</td>
<td>&Eacute;</td>
<td>&#201;</td>
<td class="key">Ê</td>
<td>&Ecirc;</td>
<td>&#202;</td>
<td class="key">Ë</td>
<td>&Euml;</td>
<td>&#203;</td>
<td class="key">Ì</td>
<td>&Igrave;</td>
<td>&#204;</td></tr>
<tr>
<td class="key">Í</td>
<td>&Iacute;</td>
<td>&#205;</td>
<td class="key">Î</td>
<td>&Icirc;</td>
<td>&#206;</td>
<td class="key">Ï</td>
<td>&Iuml;</td>
<td>&#207;</td>
<td class="key">Ð</td>
<td>&ETH;</td>
<td>&#208;</td>
<td class="key">Ñ</td>
<td>&Ntilde;</td>
<td>&#209;</td></tr>
<tr>
<td class="key">Ò</td>
<td>&Ograve;</td>
<td>&#210;</td>
<td class="key">Ó</td>
<td>&Oacute;</td>
<td>&#211;</td>
<td class="key">Ô</td>
<td>&Ocirc;</td>
<td>&#212;</td>
<td class="key">Õ</td>
<td>&Otilde;</td>
<td>&#213;</td>
<td class="key">Ö</td>
<td>&Ouml;</td>
<td>&#214;</td></tr>
<tr>
<td class="key">×</td>
<td>&times;</td>
<td>&#215;</td>
<td class="key">Ø</td>
<td>&Oslash;</td>
<td>&#216;</td>
<td class="key">Ù</td>
<td>&Ugrave;</td>
<td>&#217;</td>
<td class="key">Ú</td>
<td>&Uacute;</td>
<td>&#218;</td>
<td class="key">Û</td>
<td>&Ucirc;</td>
<td>&#219;</td></tr>
<tr>
<td class="key">Ü</td>
<td>&Uuml;</td>
<td>&#220;</td>
<td class="key">Ý</td>
<td>&Yacute;</td>
<td>&#221;</td>
<td class="key">Þ</td>
<td>&THORN;</td>
<td>&#222;</td>
<td class="key">ß</td>
<td>&szlig;</td>
<td>&#223;</td>
<td class="key">à</td>
<td>&agrave;</td>
<td>&#224;</td></tr>
<tr>
<td class="key">á</td>
<td>&aacute;</td>
<td>&#225;</td>
<td class="key">â</td>
<td>&acirc;</td>
<td>&#226;</td>
<td class="key">ã</td>
<td>&atilde;</td>
<td>&#227;</td>
<td class="key">ä</td>
<td>&auml;</td>
<td>&#228;</td>
<td class="key">å</td>
<td>&aring;</td>
<td>&#229;</td></tr>
<tr>
<td class="key">æ</td>
<td>&aelig;</td>
<td>&#230;</td>
<td class="key">ç</td>
<td>&ccedil;</td>
<td>&#231;</td>
<td class="key">è</td>
<td>&egrave;</td>
<td>&#232;</td>
<td class="key">é</td>
<td>&eacute;</td>
<td>&#233;</td>
<td class="key">ê</td>
<td>&ecirc;</td>
<td>&#234;</td></tr>
<tr>
<td class="key">ë</td>
<td>&euml;</td>
<td>&#235;</td>
<td class="key">ì</td>
<td>&igrave;</td>
<td>&#236;</td>
<td class="key">í</td>
<td>&iacute;</td>
<td>&#237;</td>
<td class="key">î</td>
<td>&icirc;</td>
<td>&#238;</td>
<td class="key">ï</td>
<td>&iuml;</td>
<td>&#239;</td></tr>
<tr>
<td class="key">ð</td>
<td>&eth;</td>
<td>&#240;</td>
<td class="key">ñ</td>
<td>&ntilde;</td>
<td>&#241;</td>
<td class="key">ò</td>
<td>&ograve;</td>
<td>&#242;</td>
<td class="key">ó</td>
<td>&oacute;</td>
<td>&#243;</td>
<td class="key">ô</td>
<td>&ocirc;</td>
<td>&#244;</td></tr>
<tr>
<td class="key">õ</td>
<td>&otilde;</td>
<td>&#245;</td>
<td class="key">ö</td>
<td>&ouml;</td>
<td>&#246;</td>
<td class="key">÷</td>
<td>&divide;</td>
<td>&#247;</td>
<td class="key">ø</td>
<td>&oslash;</td>
<td>&#248;</td>
<td class="key">ù</td>
<td>&ugrave;</td>
<td>&#249;</td></tr>
<tr>
<td class="key">ú</td>
<td>&uacute;</td>
<td>&#250;</td>
<td class="key">û</td>
<td>&ucirc;</td>
<td>&#251;</td>
<td class="key">ü</td>
<td>&uuml;</td>
<td>&#252;</td>
<td class="key">ý</td>
<td>&yacute;</td>
<td>&#253;</td>
<td class="key">þ</td>
<td>&thorn;</td>
<td>&#254;</td></tr>
<tr>
<td class="key">ÿ</td>
<td>&yuml;</td>
<td>&#255;</td></tr></tbody></table>
<h2>数学和希腊字母标志<br>symbols, mathematical symbols, and Greek letters</h2>
<table width="778">
<tbody>
<tr>
<th>显示</th>
<th>名称</th>
<th>编号</th>
<th>显示</th>
<th>名称</th>
<th>编号</th>
<th>显示</th>
<th>名称</th>
<th>编号</th>
<th>显示</th>
<th>名称</th>
<th>编号</th>
<th>显示</th>
<th>名称</th>
<th>编号</th>
</tr>
<tr>
<td class="key">ƒ</td>
<td>&fnof;</td>
<td>&#402;</td>
<td class="key">Α</td>
<td>&Alpha;</td>
<td>&#913;</td>
<td class="key">Β</td>
<td>&Beta;</td>
<td>&#914;</td>
<td class="key">Γ</td>
<td>&Gamma;</td>
<td>&#915;</td>
<td class="key">Δ</td>
<td>&Delta;</td>
<td>&#916;</td></tr>
<tr>
<td class="key">Ε</td>
<td>&Epsilon;</td>
<td>&#917;</td>
<td class="key">Ζ</td>
<td>&Zeta;</td>
<td>&#918;</td>
<td class="key">Η</td>
<td>&Eta;</td>
<td>&#919;</td>
<td class="key">Θ</td>
<td>&Theta;</td>
<td>&#920;</td>
<td class="key">Ι</td>
<td>&Iota;</td>
<td>&#921;</td></tr>
<tr>
<td class="key">Κ</td>
<td>&Kappa;</td>
<td>&#922;</td>
<td class="key">Λ</td>
<td>&Lambda;</td>
<td>&#923;</td>
<td class="key">Μ</td>
<td>&Mu;</td>
<td>&#924;</td>
<td class="key">Ν</td>
<td>&Nu;</td>
<td>&#925;</td>
<td class="key">Ξ</td>
<td>&Xi;</td>
<td>&#926;</td></tr>
<tr>
<td class="key">Ο</td>
<td>&Omicron;</td>
<td>&#927;</td>
<td class="key">Π</td>
<td>&Pi;</td>
<td>&#928;</td>
<td class="key">Ρ</td>
<td>&Rho;</td>
<td>&#929;</td>
<td class="key">Σ</td>
<td>&Sigma;</td>
<td>&#931;</td>
<td class="key">Τ</td>
<td>&Tau;</td>
<td>&#932;</td></tr>
<tr>
<td class="key">Υ</td>
<td>&Upsilon;</td>
<td>&#933;</td>
<td class="key">Φ</td>
<td>&Phi;</td>
<td>&#934;</td>
<td class="key">Χ</td>
<td>&Chi;</td>
<td>&#935;</td>
<td class="key">Ψ</td>
<td>&Psi;</td>
<td>&#936;</td>
<td class="key">Ω</td>
<td>&Omega;</td>
<td>&#937;</td></tr>
<tr>
<td class="key">α</td>
<td>&alpha;</td>
<td>&#945;</td>
<td class="key">β</td>
<td>&beta;</td>
<td>&#946;</td>
<td class="key">γ</td>
<td>&gamma;</td>
<td>&#947;</td>
<td class="key">δ</td>
<td>&delta;</td>
<td>&#948;</td>
<td class="key">ε</td>
<td>&epsilon;</td>
<td>&#949;</td></tr>
<tr>
<td class="key">ζ</td>
<td>&zeta;</td>
<td>&#950;</td>
<td class="key">η</td>
<td>&eta;</td>
<td>&#951;</td>
<td class="key">θ</td>
<td>&theta;</td>
<td>&#952;</td>
<td class="key">ι</td>
<td>&iota;</td>
<td>&#953;</td>
<td class="key">κ</td>
<td>&kappa;</td>
<td>&#954;</td></tr>
<tr>
<td class="key">λ</td>
<td>&lambda;</td>
<td>&#955;</td>
<td class="key">μ</td>
<td>&mu;</td>
<td>&#956;</td>
<td class="key">ν</td>
<td>&nu;</td>
<td>&#957;</td>
<td class="key">ξ</td>
<td>&xi;</td>
<td>&#958;</td>
<td class="key">ο</td>
<td>&omicron;</td>
<td>&#959;</td></tr>
<tr>
<td class="key">π</td>
<td>&pi;</td>
<td>&#960;</td>
<td class="key">ρ</td>
<td>&rho;</td>
<td>&#961;</td>
<td class="key">ς</td>
<td>&sigmaf;</td>
<td>&#962;</td>
<td class="key">σ</td>
<td>&sigma;</td>
<td>&#963;</td>
<td class="key">τ</td>
<td>&tau;</td>
<td>&#964;</td></tr>
<tr>
<td class="key">υ</td>
<td>&upsilon;</td>
<td>&#965;</td>
<td class="key">φ</td>
<td>&phi;</td>
<td>&#966;</td>
<td class="key">χ</td>
<td>&chi;</td>
<td>&#967;</td>
<td class="key">ψ</td>
<td>&psi;</td>
<td>&#968;</td>
<td class="key">ω</td>
<td>&omega;</td>
<td>&#969;</td></tr>
<tr>
<td class="key">?</td>
<td>&thetasym;</td>
<td>&#977;</td>
<td class="key">?</td>
<td>&upsih;</td>
<td>&#978;</td>
<td class="key">?</td>
<td>&piv;</td>
<td>&#982;</td>
<td class="key">•</td>
<td>&bull;</td>
<td>&#8226;</td>
<td class="key">…</td>
<td>&hellip;</td>
<td>&#8230;</td></tr>
<tr>
<td class="key">′</td>
<td>&prime;</td>
<td>&#8242;</td>
<td class="key">″</td>
<td>&Prime;</td>
<td>&#8243;</td>
<td class="key">‾</td>
<td>&oline;</td>
<td>&#8254;</td>
<td class="key">⁄</td>
<td>&frasl;</td>
<td>&#8260;</td>
<td class="key">℘</td>
<td>&weierp;</td>
<td>&#8472;</td></tr>
<tr>
<td class="key">ℑ</td>
<td>&image;</td>
<td>&#8465;</td>
<td class="key">ℜ</td>
<td>&real;</td>
<td>&#8476;</td>
<td class="key">™</td>
<td>&trade;</td>
<td>&#8482;</td>
<td class="key">ℵ</td>
<td>&alefsym;</td>
<td>&#8501;</td>
<td class="key">←</td>
<td>&larr;</td>
<td>&#8592;</td></tr>
<tr>
<td class="key">↑</td>
<td>&uarr;</td>
<td>&#8593;</td>
<td class="key">→</td>
<td>&rarr;</td>
<td>&#8594;</td>
<td class="key">↓</td>
<td>&darr;</td>
<td>&#8595;</td>
<td class="key">↔</td>
<td>&harr;</td>
<td>&#8596;</td>
<td class="key">↵</td>
<td>&crarr;</td>
<td>&#8629;</td></tr>
<tr>
<td class="key">⇐</td>
<td>&lArr;</td>
<td>&#8656;</td>
<td class="key">⇑</td>
<td>&uArr;</td>
<td>&#8657;</td>
<td class="key">⇒</td>
<td>&rArr;</td>
<td>&#8658;</td>
<td class="key">⇓</td>
<td>&dArr;</td>
<td>&#8659;</td>
<td class="key">⇔</td>
<td>&hArr;</td>
<td>&#8660;</td></tr>
<tr>
<td class="key">∀</td>
<td>&forall;</td>
<td>&#8704;</td>
<td class="key">∂</td>
<td>&part;</td>
<td>&#8706;</td>
<td class="key">∃</td>
<td>&exist;</td>
<td>&#8707;</td>
<td class="key">∅</td>
<td>&empty;</td>
<td>&#8709;</td>
<td class="key">∇</td>
<td>&nabla;</td>
<td>&#8711;</td></tr>
<tr>
<td class="key">∈</td>
<td>&isin;</td>
<td>&#8712;</td>
<td class="key">∉</td>
<td>&notin;</td>
<td>&#8713;</td>
<td class="key">∋</td>
<td>&ni;</td>
<td>&#8715;</td>
<td class="key">∏</td>
<td>&prod;</td>
<td>&#8719;</td>
<td class="key">∑</td>
<td>&sum;</td>
<td>&#8721;</td></tr>
<tr>
<td class="key">−</td>
<td>&minus;</td>
<td>&#8722;</td>
<td class="key">∗</td>
<td>&lowast;</td>
<td>&#8727;</td>
<td class="key">√</td>
<td>&radic;</td>
<td>&#8730;</td>
<td class="key">∝</td>
<td>&prop;</td>
<td>&#8733;</td>
<td class="key">∞</td>
<td>&infin;</td>
<td>&#8734;</td></tr>
<tr>
<td class="key">∠</td>
<td>&ang;</td>
<td>&#8736;</td>
<td class="key">∧</td>
<td>&and;</td>
<td>&#8743;</td>
<td class="key">∨</td>
<td>&or;</td>
<td>&#8744;</td>
<td class="key">∩</td>
<td>&cap;</td>
<td>&#8745;</td>
<td class="key">∪</td>
<td>&cup;</td>
<td>&#8746;</td></tr>
<tr>
<td class="key">∫</td>
<td>&int;</td>
<td>&#8747;</td>
<td class="key">∴</td>
<td>&there4;</td>
<td>&#8756;</td>
<td class="key">∼</td>
<td>&sim;</td>
<td>&#8764;</td>
<td class="key">∝</td>
<td>&cong;</td>
<td>&#8773;</td>
<td class="key">≈</td>
<td>&asymp;</td>
<td>&#8776;</td></tr>
<tr>
<td class="key">≠</td>
<td>&ne;</td>
<td>&#8800;</td>
<td class="key">≡</td>
<td>&equiv;</td>
<td>&#8801;</td>
<td class="key">≤</td>
<td>&le;</td>
<td>&#8804;</td>
<td class="key">≥</td>
<td>&ge;</td>
<td>&#8805;</td>
<td class="key">⊂</td>
<td>&sub;</td>
<td>&#8834;</td></tr>
<tr>
<td class="key">⊃</td>
<td>&sup;</td>
<td>&#8835;</td>
<td class="key">⊄</td>
<td>&nsub;</td>
<td>&#8836;</td>
<td class="key">⊆</td>
<td>&sube;</td>
<td>&#8838;</td>
<td class="key">⊇</td>
<td>&supe;</td>
<td>&#8839;</td>
<td class="key">⊕</td>
<td>&oplus;</td>
<td>&#8853;</td></tr>
<tr>
<td class="key">⊗</td>
<td>&otimes;</td>
<td>&#8855;</td>
<td class="key">⊥</td>
<td>&perp;</td>
<td>&#8869;</td>
<td class="key">⋅</td>
<td>&sdot;</td>
<td>&#8901;</td>
<td class="key">?</td>
<td>&lceil;</td>
<td>&#8968;</td>
<td class="key">?</td>
<td>&rceil;</td>
<td>&#8969;</td></tr>
<tr>
<td class="key">?</td>
<td>&lfloor;</td>
<td>&#8970;</td>
<td class="key">?</td>
<td>&rfloor;</td>
<td>&#8971;</td>
<td class="key">?</td>
<td>&lang;</td>
<td>&#9001;</td>
<td class="key">?</td>
<td>&rang;</td>
<td>&#9002;</td>
<td class="key">◊</td>
<td>&loz;</td>
<td>&#9674;</td></tr>
<tr>
<td class="key">♠</td>
<td>&spades;</td>
<td>&#9824;</td>
<td class="key">♣</td>
<td>&clubs;</td>
<td>&#9827;</td>
<td class="key">♥</td>
<td>&hearts;</td>
<td>&#9829;</td>
<td class="key">♦</td>
<td>&diams;</td>
<td>&#9830;</td></tr></tbody></table>
<h2>重要的国际标记<br>markup-significant and internationalization characters</h2>
<table width="778">
<tbody>
<tr>
<th>显示</th>
<th>名称</th>
<th>编号</th>
<th>显示</th>
<th>名称</th>
<th>编号</th>
<th>显示</th>
<th>名称</th>
<th>编号</th>
<th>显示</th>
<th>名称</th>
<th>编号</th>
<th>显示</th>
<th>名称</th>
<th>编号</th>
</tr>
<tr>
<td class="key">"</td>
<td>&quot;</td>
<td>&#34;</td>
<td class="key">&</td>
<td>&amp;</td>
<td>&#38;</td>
<td class="key"><</td>
<td>&lt;</td>
<td>&#60;</td>
<td class="key">></td>
<td>&gt;</td>
<td>&#62;</td>
<td class="key">Œ</td>
<td>&OElig;</td>
<td>&#338;</td></tr>
<tr>
<td class="key">œ</td>
<td>&oelig;</td>
<td>&#339;</td>
<td class="key">Š</td>
<td>&Scaron;</td>
<td>&#352;</td>
<td class="key">š</td>
<td>&scaron;</td>
<td>&#353;</td>
<td class="key">Ÿ</td>
<td>&Yuml;</td>
<td>&#376;</td>
<td class="key">ˆ</td>
<td>&circ;</td>
<td>&#710;</td></tr>
<tr>
<td class="key">˜</td>
<td>&tilde;</td>
<td>&#732;</td>
<td class="key"> </td>
<td>&ensp;</td>
<td>&#8194;</td>
<td class="key"> </td>
<td>&emsp;</td>
<td>&#8195;</td>
<td class="key"> </td>
<td>&thinsp;</td>
<td>&#8201;</td>
<td class="key"></td>
<td>&zwnj;</td>
<td>&#8204;</td></tr>
<tr>
<td class="key"></td>
<td>&zwj;</td>
<td>&#8205;</td>
<td class="key"></td>
<td>&lrm;</td>
<td>&#8206;</td>
<td class="key"></td>
<td>&rlm;</td>
<td>&#8207;</td>
<td class="key">–</td>
<td>&ndash;</td>
<td>&#8211;</td>
<td class="key">—</td>
<td>&mdash;</td>
<td>&#8212;</td></tr>
<tr>
<td class="key">‘</td>
<td>&lsquo;</td>
<td>&#8216;</td>
<td class="key">’</td>
<td>&rsquo;</td>
<td>&#8217;</td>
<td class="key">‚</td>
<td>&sbquo;</td>
<td>&#8218;</td>
<td class="key">“</td>
<td>&ldquo;</td>
<td>&#8220;</td>
<td class="key">”</td>
<td>&rdquo;</td>
<td>&#8221;</td></tr>
<tr>
<td class="key">„</td>
<td>&bdquo;</td>
<td>&#8222;</td>
<td class="key">†</td>
<td>&dagger;</td>
<td>&#8224;</td>
<td class="key">‡</td>
<td>&Dagger;</td>
<td>&#8225;</td>
<td class="key">‰</td>
<td>&permil;</td>
<td>&#8240;</td>
<td class="key">‹</td>
<td>&lsaquo;</td>
<td>&#8249;</td></tr>
<tr>
<td class="key">›</td>
<td>&rsaquo;</td>
<td>&#8250;</td>
<td class="key">€</td>
<td>&euro;</td>
<td>&#8364;</td></tr></tbody></table>
</div>
<div class="commonContainer">
<hr>
<h2>JavaScript转义符</h2>
<table width="480">
<tbody><tr>
<th width="35%">转义序列</th>
<th width="65%">字符</th></tr>
<tr valign="top">
<td width="35%">\b</td>
<td width="65%">退格</td></tr>
<tr valign="top">
<td width="35%">\f</td>
<td width="65%">走纸换页</td></tr>
<tr valign="top">
<td width="35%">\n</td>
<td width="65%">换行</td></tr>
<tr valign="top">
<td width="35%">\r</td>
<td width="65%">回车</td></tr>
<tr valign="top">
<td width="35%">\t</td>
<td width="65%">横向跳格 (Ctrl-I)</td></tr>
<tr valign="top">
<td width="35%">\'</td>
<td width="65%">单引号</td></tr>
<tr valign="top">
<td width="35%">\"</td>
<td width="65%">双引号</td></tr>
<tr valign="top">
<td width="35%">\\</td>
<td width="65%">反斜杠</td>
</tr>
</tbody></table>
<p>编程的时候要注意特殊字符的问题,很多运行时出现的问题都是因为特殊字符的出现而引起的。
</p>
<p>注意,由于反斜杠本身用作转义符,因此不能直接在脚本中键入一个反斜杠。如果要产生一个反斜杠,必须一起键入两个反斜杠 (\\)。
</p>
</div>
<div class="commonContainer">
<hr>
<p>
</p><h2 align="left"><strong>编码转换</strong>(to Unicode)</h2>
<p>(程序代码来源于网络) </p>
<p> </p>
<p><strong>Js版 </strong></p>
<pre><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></pre>
<br>
<br>
<p><strong>vbs版</strong></p>
<br>
<pre>Function Unicode(str1)
Dim str,temp
str = ""
For i=1 to len(str1)
temp = Hex(AscW(Mid(str1,i,1)))
If len(temp) < 5 Then temp = right("0000" & temp, 4)
str = str & "\u" & temp
Next
Unicode = str
End Function</pre>
<br>
<br>
<p>
</p><pre>Function htmlentities(str)
For i = 1 to Len(str)
char = mid(str, i, 1)
If Ascw(char) > 128 then
htmlentities = htmlentities & "&#" & Ascw(char) & ";"
Else
htmlentities = htmlentities & char
End if
Next
End Function</pre>
<p> </p>
<p><strong>coldfusion<span class="Section1" style="">版</span></strong></p>
<p> </p>
<pre>function nochaoscode(str)
{
var new_str = “”;
for(i=1; i lte len(str);i=i+1){
if(asc(mid(str,i,1)) lt 128){
new_str = new_str & mid(str,i,1);
}else{
new_str = new_str & “&##” & asc(mid(str,i,1));
}
}
return new_str;
}</pre>
<p> </p>
<hr>
<p> </p>
<p>附:</p>
<p>在php中我们可以用mbstring的mb_convert_encoding函数实现这个正向及反向的转化。 如:</p>
<p><br>
</p>
<p>mb_convert_encoding ("你好", "HTML-ENTITIES", "gb2312"); //输出:&#20320;&#22909;
</p><p>mb_convert_encoding ("&#20320;&#22909;", "gb2312", "HTML-ENTITIES"); //输出:你好
</p><p> </p>
<p>如果需要对整个页面转化,则只需要在php文件的头部加上这三行代码:</p>
<p> </p>
<p>mb_internal_encoding("gb2312"); // 这里的gb2312是你网站原来的编码
</p><p>mb_http_output("HTML-ENTITIES");
</p><p>ob_start('mb_output_handler');
</p>
</div>
{{{
#!html
为什么要用转义字符串?
HTML中<,>,&等有特殊含义(<,>,用于链接签,&用于转义),不能直接使用。这些符号是不显示在我们最终看到的网页里的,那如果我们希望在网页中显示这些符号,该怎么办呢?
这就要说到HTML转义字符串(Escape Sequence)了。
转义字符串(Escape Sequence)也称字符实体(Character Entity)。在HTML中,定义转义字符串的原因有两个:第一个原因是像“<”和“>”这类符号已经用来表示HTML标签,因此就不能直接当作文本中的符号来使用。为了在HTML文档中使用这些符号,就需要定义它的转义字符串。当解释程序遇到这类字符串时就把它解释为真实的字符。在输入转义字符串时,要严格遵守字母大小写的规则。第二个原因是,有些字符在ASCII字符集中没有定义,因此需要使用转义字符串来表示。
转义字符串的组成
转义字符串(Escape Sequence),即字符实体(Character Entity)分成三部分:第一部分是一个&符号,英文叫ampersand;第二部分是实体(Entity)名字或者是#加上实体(Entity)编号;第三部分是一个分号。
比如,要显示小于号(<),就可以写 < 或者 < 。
用实体(Entity)名字的好处是比较好理解,一看lt,大概就猜出是less than的意思,但是其劣势在于并不是所有的浏览器都支持最新的Entity名字。而实体(Entity)编号,各种浏览器都能处理。
提示:实体名称(Entity)是区分大小写的。
备注:同一个符号,可以用“实体名称”和“实体编号”两种方式引用,“实体名称”的优势在于便于记忆,但不能保证所有的浏览器都能顺利识别它,而“实体编号”则没有这种担忧,但它实在不方便记忆。
如何显示空格?
通常情况下,HTML会自动截去多余的空格。不管你加多少空格,都被看做一个空格。比如你在两个字之间加了10个空格,HTML会截去9个空格,只保留一个。为了在网页中增加空格,你可以使用 表示空格。
HTML特殊转义字符列表
最常用的字符实体
Character Entities
| 显示 | 说明 | 实体名称 | 实体编号 |
|---|---|---|---|
| 半方大的空白 |   |   | |
| 全方大的空白 |   |   | |
| 不断行的空白格 | |   | |
| < | 小于 | < | < |
| > | 大于 | > | > |
| & | &符号 | & | & |
| " | 双引号 | " | " |
| © | 版权 | © | © |
| ® | 已注册商标 | ® | ® |
| ™ | 商标(美国) | ™ | ™ |
| × | 乘号 | × | × |
| ÷ | 除号 | ÷ | ÷ |
ISO 8859-1 (Latin-1)字符集
HTML 4.01 支持 ISO 8859-1 (Latin-1) 字符集。
备注:为了方便起见,以下表格中,“实体名称”简称为“名称”,“实体编号”简称为“编号”
| 显示 | 名称 | 编号 | 显示 | 名称 | 编号 | 显示 | 名称 | 编号 | 显示 | 名称 | 编号 | 显示 | 名称 | 编号 |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |   | ¡ | ¡ | ¡ | ¢ | ¢ | ¢ | £ | £ | £ | ¤ | ¤ | ¤ | |
| ¥ | ¥ | ¥ | ¦ | ¦ | ¦ | § | § | § | ¨ | ¨ | ¨ | © | © | © |
| ª | ª | ª | « | « | « | ¬ | ¬ | ¬ | | ­ | ­ | ® | ® | ® |
| ¯ | ¯ | ¯ | ° | ° | ° | ± | ± | ± | ² | ² | ² | ³ | ³ | ³ |
| ´ | ´ | ´ | µ | µ | µ | ¶ | ¶ | ¶ | · | · | · | ¸ | ¸ | ¸ |
| ¹ | ¹ | ¹ | º | º | º | » | » | » | ¼ | ¼ | ¼ | ½ | ½ | ½ |
| ¾ | ¾ | ¾ | ¿ | ¿ | ¿ | À | À | À | Á | Á | Á | Â | Â | Â |
| Ã | Ã | Ã | Ä | Ä | Ä | Å | Å | Å | Æ | Æ | Æ | Ç | Ç | Ç |
| È | È | È | É | É | É | Ê | Ê | Ê | Ë | Ë | Ë | Ì | Ì | Ì |
| Í | Í | Í | Î | Î | Î | Ï | Ï | Ï | Ð | Ð | Ð | Ñ | Ñ | Ñ |
| Ò | Ò | Ò | Ó | Ó | Ó | Ô | Ô | Ô | Õ | Õ | Õ | Ö | Ö | Ö |
| × | × | × | Ø | Ø | Ø | Ù | Ù | Ù | Ú | Ú | Ú | Û | Û | Û |
| Ü | Ü | Ü | Ý | Ý | Ý | Þ | Þ | Þ | ß | ß | ß | à | à | à |
| á | á | á | â | â | â | ã | ã | ã | ä | ä | ä | å | å | å |
| æ | æ | æ | ç | ç | ç | è | è | è | é | é | é | ê | ê | ê |
| ë | ë | ë | ì | ì | ì | í | í | í | î | î | î | ï | ï | ï |
| ð | ð | ð | ñ | ñ | ñ | ò | ò | ò | ó | ó | ó | ô | ô | ô |
| õ | õ | õ | ö | ö | ö | ÷ | ÷ | ÷ | ø | ø | ø | ù | ù | ù |
| ú | ú | ú | û | û | û | ü | ü | ü | ý | ý | ý | þ | þ | þ |
| ÿ | ÿ | ÿ |
数学和希腊字母标志
symbols, mathematical symbols, and Greek letters
| 显示 | 名称 | 编号 | 显示 | 名称 | 编号 | 显示 | 名称 | 编号 | 显示 | 名称 | 编号 | 显示 | 名称 | 编号 |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ƒ | ƒ | ƒ | Α | Α | Α | Β | Β | Β | Γ | Γ | Γ | Δ | Δ | Δ |
| Ε | Ε | Ε | Ζ | Ζ | Ζ | Η | Η | Η | Θ | Θ | Θ | Ι | Ι | Ι |
| Κ | Κ | Κ | Λ | Λ | Λ | Μ | Μ | Μ | Ν | Ν | Ν | Ξ | Ξ | Ξ |
| Ο | Ο | Ο | Π | Π | Π | Ρ | Ρ | Ρ | Σ | Σ | Σ | Τ | Τ | Τ |
| Υ | Υ | Υ | Φ | Φ | Φ | Χ | Χ | Χ | Ψ | Ψ | Ψ | Ω | Ω | Ω |
| α | α | α | β | β | β | γ | γ | γ | δ | δ | δ | ε | ε | ε |
| ζ | ζ | ζ | η | η | η | θ | θ | θ | ι | ι | ι | κ | κ | κ |
| λ | λ | λ | μ | μ | μ | ν | ν | ν | ξ | ξ | ξ | ο | ο | ο |
| π | π | π | ρ | ρ | ρ | ς | ς | ς | σ | σ | σ | τ | τ | τ |
| υ | υ | υ | φ | φ | φ | χ | χ | χ | ψ | ψ | ψ | ω | ω | ω |
| ? | ϑ | ϑ | ? | ϒ | ϒ | ? | ϖ | ϖ | • | • | • | … | … | … |
| ′ | ′ | ′ | ″ | ″ | ″ | ‾ | ‾ | ‾ | ⁄ | ⁄ | ⁄ | ℘ | ℘ | ℘ |
| ℑ | ℑ | ℑ | ℜ | ℜ | ℜ | ™ | ™ | ™ | ℵ | ℵ | ℵ | ← | ← | ← |
| ↑ | ↑ | ↑ | → | → | → | ↓ | ↓ | ↓ | ↔ | ↔ | ↔ | ↵ | ↵ | ↵ |
| ⇐ | ⇐ | ⇐ | ⇑ | ⇑ | ⇑ | ⇒ | ⇒ | ⇒ | ⇓ | ⇓ | ⇓ | ⇔ | ⇔ | ⇔ |
| ∀ | ∀ | ∀ | ∂ | ∂ | ∂ | ∃ | ∃ | ∃ | ∅ | ∅ | ∅ | ∇ | ∇ | ∇ |
| ∈ | ∈ | ∈ | ∉ | ∉ | ∉ | ∋ | ∋ | ∋ | ∏ | ∏ | ∏ | ∑ | ∑ | ∑ |
| − | − | − | ∗ | ∗ | ∗ | √ | √ | √ | ∝ | ∝ | ∝ | ∞ | ∞ | ∞ |
| ∠ | ∠ | ∠ | ∧ | ∧ | ∧ | ∨ | ∨ | ∨ | ∩ | ∩ | ∩ | ∪ | ∪ | ∪ |
| ∫ | ∫ | ∫ | ∴ | ∴ | ∴ | ∼ | ∼ | ∼ | ∝ | ≅ | ≅ | ≈ | ≈ | ≈ |
| ≠ | ≠ | ≠ | ≡ | ≡ | ≡ | ≤ | ≤ | ≤ | ≥ | ≥ | ≥ | ⊂ | ⊂ | ⊂ |
| ⊃ | ⊃ | ⊃ | ⊄ | ⊄ | ⊄ | ⊆ | ⊆ | ⊆ | ⊇ | ⊇ | ⊇ | ⊕ | ⊕ | ⊕ |
| ⊗ | ⊗ | ⊗ | ⊥ | ⊥ | ⊥ | ⋅ | ⋅ | ⋅ | ? | ⌈ | ⌈ | ? | ⌉ | ⌉ |
| ? | ⌊ | ⌊ | ? | ⌋ | ⌋ | ? | ⟨ | 〈 | ? | ⟩ | 〉 | ◊ | ◊ | ◊ |
| ♠ | ♠ | ♠ | ♣ | ♣ | ♣ | ♥ | ♥ | ♥ | ♦ | ♦ | ♦ |
重要的国际标记
markup-significant and internationalization characters
| 显示 | 名称 | 编号 | 显示 | 名称 | 编号 | 显示 | 名称 | 编号 | 显示 | 名称 | 编号 | 显示 | 名称 | 编号 |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| " | " | " | & | & | & | < | < | < | > | > | > | Œ | Œ | Œ |
| œ | œ | œ | Š | Š | Š | š | š | š | Ÿ | Ÿ | Ÿ | ˆ | ˆ | ˆ |
| ˜ | ˜ | ˜ |   |   |   |   |   |   | | ‌ | ‌ | |||
| | ‍ | ‍ | | ‎ | ‎ | | ‏ | ‏ | – | – | – | — | — | — |
| ‘ | ‘ | ‘ | ’ | ’ | ’ | ‚ | ‚ | ‚ | “ | “ | “ | ” | ” | ” |
| „ | „ | „ | † | † | † | ‡ | ‡ | ‡ | ‰ | ‰ | ‰ | ‹ | ‹ | ‹ |
| › | › | › | € | € | € |
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>
vbs版
Function Unicode(str1)Dim str,temp
str = ""
For i=1 to len(str1)
temp = Hex(AscW(Mid(str1,i,1)))
If len(temp) < 5 Then temp = right("0000" & temp, 4)
str = str & "\u" & temp
Next
Unicode = str
End Function
Function htmlentities(str)For i = 1 to Len(str)
char = mid(str, i, 1)
If Ascw(char) > 128 then
htmlentities = htmlentities & "&#" & Ascw(char) & ";"
Else
htmlentities = htmlentities & char
End if
Next
End Function
coldfusion版
function nochaoscode(str){
var new_str = “”;
for(i=1; i lte len(str);i=i+1){
if(asc(mid(str,i,1)) lt 128){
new_str = new_str & mid(str,i,1);
}else{
new_str = new_str & “&##” & asc(mid(str,i,1));
}
}
return new_str;
}
附:
在php中我们可以用mbstring的mb_convert_encoding函数实现这个正向及反向的转化。 如:
mb_convert_encoding ("你好", "HTML-ENTITIES", "gb2312"); //输出:你好
mb_convert_encoding ("你好", "gb2312", "HTML-ENTITIES"); //输出:你好
如果需要对整个页面转化,则只需要在php文件的头部加上这三行代码:
mb_internal_encoding("gb2312"); // 这里的gb2312是你网站原来的编码
mb_http_output("HTML-ENTITIES");
ob_start('mb_output_handler');