本文介绍了如何使用<pre>标签来格式化并展示代码片段，特别适用于展示多行代码的情况，保持代码原有的格式不变。
在上节中介绍加入一行代码的标签为<code>，但是在大多数情况下是需要加入大段代码的，如下图：
怎么办？不会是每一代码都加入一个<code>标签吧，没有这么复杂，这时候就可以使用<pre>标签。
语法：
<pre>语言代码段</pre>
<pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。
如下代码：
<pre> var message="欢迎"; for(var i=1;i<=10;i++) { alert(message); } </pre>
在浏览器中的显示结果为：
在上面的例子中可以看到代码中的空格，换行符都保留下来。如果用以前的方法，回车需要输入<br>签，空格需要输入
注意：<pre> 标签不只是为显示计算机的源代码时用的，在你需要在网页中预显示格式时都可以使用它，只是<pre>标签的一个常见应用就是用来展示计算机的源代码。
示例:
<!DOCTYPE HTML> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>pre标签的使用</title> </head> <body> <pre> var message="欢迎"; for(var i=1;i<=10;i++) { alert(message); } </pre> </body> </html>
扫一扫
352
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
