上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所示。
图3-7 <plaintext>标签和<xmp>标签
从图中可以看出,<xmp>标签内的HTML代码以及杨辉三角都被直接输出。而<plaintext>标签后的HTML代码也被直接输出,包括</html>、</body>等标签。