codecamp

HTML <pre> 标签

<pre> 标签可以保留您需要的文本格式,比如不会取消换行和空格,并且所示文本是等宽的,请参考下述示例:

实例

预格式化的文本:

<pre>
此例演示如何使用 pre 标签
对空行和  空格
进行控制
</pre>

尝试一下 »

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

目前大多数浏览器支持 <pre> 标签。


标签定义及使用说明

<pre> 标签可定义预格式化的文本。

被包围在 <pre> 标签 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

注意:<pre> 元素是块级元素,但是只能包含文本或行内元素,任何块级元素(常见为可以导致段落断开的标签:例如<title><p> <address> 标签)都不能位于 <pre> 元素中。


提示和注释

提示: <pre> 标签的一个常见应用就是用来表示计算机的源代码。

提示:<pre> 标签与 <code> 标签结合起来使用,可以获得更加精确的语义。


在HTML 4.01 与 HTML5中的差异

在 HTML 4.01 中,"width" 属性已废弃,不可使用。 HTML5 不支持"width"属性。


属性

属性 描述
width number HTML5 不支持该属性。HTML 4.01 已废弃该属性。定义每行的最大字符数(通常是 40、80 或 132)。


全局属性

<pre> 标签支持全局属性,查看完整属性表 HTML全局属性


事件属性

<pre> 标签支持所有 HTML事件属性


HTML <param> 标签
HTML <html> 标签
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

HTML标签

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }