4.14 预格式化文本pre
2025年09月26日
4.14 预格式化文本pre
pre元素用来定义预格式化的文本。被包围在pre元素标签中的文本通常会保留空格和换行符,而文本也会以等宽字体呈现。pre元素的一个常见应用就是表示计算机的源代码。
pre元素标签语法为:
说明:
(1)一般情况下,HTML文件中的文本是基于HTML标签重新格式化的,文本中任何额外的空白字符(空格、制表符、回车等)都被浏览器忽略,但若使用<pre>标签,任何被该标签包围的空白字符都可出现在窗口的输出中,即文本可按照原始码的排列方式显示。
(2)可以导致段落断开的标签(例如标题、p和address元素标签)最好不要包含在pre元素标签所定义的块里。尽管有些浏览器会把段落结束标签解释为简单的换行,但是这种行为在所有浏览器上并不都是一样的。
(3)pre元素标签中允许的文本可以包括物理样式变化和基于内容的样式变化,还有链接、图像和水平分隔线。当把其他标签(比如a元素标签)放到<pre>标签所定义的块中时,就像放在HTML文档的其他部分中一样即可。
(4)pre元素标签中如果含有特殊符号,就必须通过“文字参照”的方法来书写。例如“<”“>”“&”应写成“&It;”“>”“&”。
(5)HTML5中删除了HTML4中的pre元素的width属性,而此属性被W3C列为非推荐属性。
使用预格式化文本的步骤如下:
(1)输入“<pre>”。
(2)输入或复制希望以原样显示的文本,包括所需要的空格、回车和换行。除了代码以外,不要用任何HTML标签(如p元素标签)标记这些文本。
(3)输入“</pre>”。
预格式化文本的代码如下:
运行结果如图4-18所示:
图4-18 pre元素标签实例运行结果