html特殊字符处理方法

发布时间:2020-04-22编辑:脚本学堂
本文介绍了html特殊字符的处理方法,一些不常见的特殊符号的设置方法,有需要的朋友参考下。

需求描述:
需要翻译语言为葡萄牙语,葡萄牙语里面有一些特殊的字符,如àáé等带音调的字符。
在HTML页面里面显示不正确。

解决步骤1:
设定字符集,葡萄牙语对应的字符集为ISO-8859-1,所以在页面中指定字符
 

复制代码 代码示例:
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

解决步骤2:HTML部分使用实体名(HTML name)。比如 à 使用 &agrave;代替。
例如:
 

复制代码 代码示例:

<html>
 <head>
  <title>html特殊字符处理方法--www.jb200.com</title>
  <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 </head>

 <body>
 Configura&ccedil;&otilde;es IKE Avan&ccedil;adas
 </body>
</html>
 

显示结果:
Configura??es IKE Avan?adas

解决步骤三
当使用text文本框时,是通过javascript复制的,此时若使用实体名(HTML name)那么其将会导致其将实体名作为字符串输出来。
例如:
 

复制代码 代码示例:
<html>
 <head>
  <title>html特殊字符处理方法--www.jb200.com</title>
  <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 </head>
<script type="text/javascript">
<!--
    function formLoad()
    {
        document.getElementById('test').value = "Configura&ccedil;&otilde;es IKE Avan&ccedil;adas";
    }
//-->
</script>
 <body onLoad="formLoad()">
 Configura&ccedil;&otilde;es IKE Avan&ccedil;adas
<br>
<input type="text" id='test' size=50>
 </body>
</html>

显示结果:
Configura??es IKE Avan?adas
Configura&ccedil;&otilde;es IKE Avan&ccedil;adas

若做修改,将实体名(HTML name)替换为ASCII HEX值,那么如下:
将&ccedil;替换为u00e7
将&otilde;替换为u00f5

例子:
 

复制代码 代码示例:
<html>
 <head>
  <title>html特殊字符处理方法</title>
  <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 </head>
<script type="text/javascript">
<!--
    function formLoad()
    {
        document.getElementById('test').value = "Configurau00e7u00f5es IKE Avanu00c7adas";
    }
//-->
</script>
 <body onLoad="formLoad()">
 Configura&ccedil;&otilde;es IKE Avan&ccedil;adas
<br>
<input type="text" id='test' size=50>
 </body>
</html>

显示结果:
Configura??es IKE Avan?adas
Configura??es IKE Avan?adas
可以正常显示了。

关于字符与实体名以及ASCII HEX的对照,请参考 http://www.ascii.cl/htmlcodes.htm
Standard ASCII set, HTML Entity names, ISO 10646, ISO 8879, ISO 8859-1 Latin alphabet No. 1
Browser support: All browsers