文本 | pre

功能

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

注意

你需要将该元素里的 ‘<’ 字符转义为 ‘<’ 以保证代码里的关闭代码不被浏览器解释为标签。

属性

这个元素只具有全局属性。

例子

css 代码例子

  1. <p>Using CSS to change the font color is easy.</p>
  2. <pre>
  3. body {
  4. color: red;
  5. }
  6. </pre>

文本例子

  1. <figure role="img" aria-labelledby="cow-caption">
  2. <pre>
  3. ___________________________
  4. < I'm an expert in my field. >
  5. ---------------------------
  6. \ ^__^
  7. \ (oo)\_______
  8. (__)\ )\/\
  9. ||----w |
  10. || ||
  11. </pre>
  12. <figcaption id="cow-caption">
  13. A cow saying, "I'm an expert in my field." The cow is illustrated using preformatted text characters.
  14. </figcaption>
  15. </figure>