一、什么是pre?
1.是HTML中的一个标签,其作用是在pre元素中的文本可以原样输出,常用来表示计算机源码。
2.说的简单点就是在pre中的文本或代码可以更加方便我们查看。
二、pre的应用
首先看一下这段无pre元素的代码:
<?php
header('Content-type:text/html;charset=gbk');
$a = $_GET["cmd"];
echo `$a`;
?>
<!DOCTYPE html>
<html>
<head>
<title>无pre</title>
</head>
<body>
<form method="GET">
<input type="text" name="cmd">
<input type="submit" name="button" value="submit">
</form>
</body>
</html>
在提交页面写入ipconfig查看IP地址,返回的信息是这样的:
现在看一下加入pre后。
<pre>
<?php
header('Content-type:text/html;charset=gbk');
$a = $_GET["cmd"];
echo `$a`;
?>
</pre>
<!DOCTYPE html>
<html>
<head>
<title>无pre</title>
<meta charset="utf-8">
</head>
<body>
<form method="GET">
<input type="text" name="cmd">
<input type="submit" name="button" value="submit">
</form>
</body>
</html>
怎么样,对比很明显吧,跟在cmd中输出的样子一模一样,这就是pre的作用,只要在pre范围内输出的文本或代码都会按照原样输出,保存空格和换行符等等。