非常教程

HTML参考手册

标签 | Elements

pre

HTML <pre>元素表示预定义格式文本。在该元素中的文本通常按照原文件中的编排,以等宽字体的形式展现出来,文本中的空白符(比如空格和换行符)都会显示出来。(紧跟在 <pre> 开始标签后的换行符也会被省略)

内容类别

Flow content, palpable content.

允许的内容

Phrasing content.

标记遗漏

没有,起始和结束标签都是强制性的。

允许父母

任何接受 flow content 的元素。

允许ARIA角色

任何

DOM界面

HTMLPreElement

属性

这个元素只包含全局属性。

cols定义每行的最大字符数。这是一个非标准的属性,作用与width相同。要实现这样的效果,应该使用CSS。

width包含每行的最大字符数。虽然在技术上仍被实现,但这个属性没有视觉效果。要实现这样的效果,应该使用CSS。

wrap提示溢出怎样发生。在现代浏览器中,这个提示会被忽略,且被没有视觉效果。要实现这样的效果,应该使用CSS。

例子

<!-- Some example CSS code -->
<pre>
body {
  color:red;
}
</pre> 

结果

body {
  color:red;
}

规范

Specification

Status

Comment

HTML Living StandardThe definition of '<pre>' in that specification.

Living Standard

No significant change from HTML Living Standard

HTML5The definition of '<pre>' in that specification.

Recommendation

No significant change from HTML 4.01 Specification

HTML 4.01 SpecificationThe definition of '<dl>' in that specification.

Recommendation

Deprecated the cols attribute

浏览器兼容性

Feature

Chrome

Edge

Firefox

Internet Explorer

Opera

Safari

Basic Support

(Yes)

(Yes)

1

(Yes)

(Yes)

(Yes)

cols

No

No

1 — 29

No

No

No

width

(Yes)1

(Yes)1

12

(Yes)1

(Yes)1

(Yes)1

wrap

?

No

1

?

?

?

Feature

Android

Chrome for Android

Edge mobile

Firefox for Android

IE mobile

Opera Android

iOS Safari

Basic Support

(Yes)

(Yes)

(Yes)

1

(Yes)

(Yes)

(Yes)

cols

No

No

No

1 — 29

No

No

No

width

(Yes)1

(Yes)1

(Yes)1

12

(Yes)1

(Yes)1

(Yes)1

wrap

?

?

No

1

?

?

?

HTML

超文本标记语言,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。