3.4.3 特殊字符??_HTML5/CSS3/JavaScript技术大全-QQ阅读男生科幻网

上QQ阅读APP看书，第一时间看更新

3.4.3 特殊字符❹❺

在HTML中还有许多的特殊字符和空格一样，需要特定的字符码才能输出（针对早期浏览器），如“<”、“>”、“&”等。表3-3列出了一些特殊的符号及其对应的字符码。

表3-3 特殊字符及其对应的字符码

以上列出了常用的特殊符号。更多的特殊符号请参考官方的参考手册。

应用举例（special.html）：

<!DOCTYPE HTML>  
<html> 
<head> 
<title>输出特殊字符</title> 
</head> 
<body> 
2&times3=6;<br /> 
6&divide3=2;<br /> 
&copy;版权归W3C所有<br /> 
&reg;注册商标<br /> 
今天气温50&deg;<br /> 
人民币&yen;100元<br /> 
&quot;&apos; &amp; &lt;&gt; 
&pound;  &laquo; 
&raquo; &micro; &sum;<br /> 
&radic; &oplus;  &le;  
&ge; &frac14; &frac12; 
&frac34; &iquest;<br /> 
</body> 
</html>

在Chrome浏览器中显示效果如图3-16所示。

图3-16 通过浏览器输出特殊字符

目前主流浏览器均不需要通过字符码输出表格中的特殊字符，而支持直接输出（前提是能在文字编辑器中输入这些字符）。虽然浏览器不能直接输出HTML标签，但是可以直接输出“<”以及“>”。下面通过案例来学习直接在网页中显示特殊字符。

应用举例（special_more.html）：

<!DOCTYPE HTML>  
<html> 
<head> 
<title>直接输出特殊字符</title> 
</head> 
<body> 
<p> & </p> 
<p> " </p> 
<p> ' </p> 
<p> < </p> 
<p> > </p> 
<p> < abcd> <p> 
<p> < 
abcd> <p> 
<p> <abcd > <p> 
<p> <ab cd> <p> 
</body> 
</html>

代码说明：

以上代码中，<p>标签用于将每个特殊字符放在单独段落中，便于显示效果。加粗部分的代码为特殊字符。

在Chrome浏览器中显示效果如图3-17所示。

图3-17 直接输出特殊字符

感兴趣的读者也可以进行更多测试。