HTML5/CSS3/JavaScript技术大全
上QQ阅读APP看书,第一时间看更新

3.1.7 早期标签<plaintext>和<xmp>

在介绍<pre>标签时曾介绍过这两个标签,这两个标签能够方便地直接输出HTML源代码,而<pre>却不能(该标签必须输入特殊符号的字符码)。虽然HTML4和HTML5都不支持这两个标签,但是主流的浏览器仍然支持,所以接下来简单介绍它们。

语法格式:

<plaintext>html代码 
<xmp>html代码</xmp>  

语法说明:

<plaintext>标签不需要结束标签,其将后续的所有文本按照原样输出在浏览器中,包括各种特殊符号。而<xmp>标签需要结束标签,它只将标签内的文本按照原样输出。

另外这两个标签都能够保持文档内容中的空格和回车。

应用举例(plaintext_xmp.html):

<html> 
<head> 
<meta http-equiv="Content-Type" content= "text/html; charset=gb2312" /> 
<title>plaintext标签和xmp标签</title> 
</head> 
<body> 
<xmp> 
<p align="center">《相思》</p> 
<p align="center">红豆生南国,春来发几枝。</p> 
<p align="center">愿君多采撷,此物最相思。</p> 
 
                    1 
                     1      1  
                 1      2      1 
             1      3      3      1 
         1      4      6      4      1 
      1     5     10    10     5      1 
</xmp> 
<br /> 
<q>与君歌一曲,请君为我侧耳听</q> 
<plaintext> 
<blockquote> 
人生得意须尽欢,莫使金樽空对月。 
天生我材必有用,千金散尽还复来。 
</blockquote> 
</body> 
</html> 

代码说明:

以上代码中,加粗的部分用于设置<xmp>标签和< plaintext>标签。

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

47140-00-044-2.jpg

图3-7 <plaintext>标签和<xmp>标签

从图中可以看出,<xmp>标签内的HTML代码以及杨辉三角都被直接输出。而<plaintext>标签后的HTML代码也被直接输出,包括</html>、</body>等标签。