<pre> 标签可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
<pre> 标签的一个常见应用就是用来表示计算机的源代码。
可以导致段落断开的标签(例如标题、<p>和<address>标签绝不能包含在 <pre> 所定义的块里。
<pre>int x = 0;
int y = 1;
int z = x + y;
</pre>
效果:
<code>标签用于表示计算机源代码或者其他机器可以阅读的文本内容
<code>标签通常只是把文本变成等宽字体,同时暗示这行代码是源程序代码。
<code>一段电脑代码</code>
效果:<code>一段电脑代码</code>
两者之间的关系:
相同之处:
都主要应用于浏览器显示计算机中的源代码
不同之处:
code只显示单行编程代码;
pre则是显示一大段编程代码,而且会保留原文本中的空格和换行。
code标签的一个功能是暗示浏览器code标签所包围的文本是计算机源代码,浏览器可以做出自己的样式处理,pre标签则没有这项功能,但是pre标签可以保留文本中的空格和换行符。
code和pre能嵌套使用,但要注意嵌套的顺序。如下
<pre>
<code>
hello world
</code>
</pre>
显示效果: