pre标签是一个双标签,能够将其包裹的内容的格式原封不动地展示在网页中。
p标签和pre标签对比:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p>
_ _ _______ __ __ _
| | | |__ __| \/ | |
| |__| | | | | \ / | |
| __ | | | | |\/| | |
| | | | | | | | | | |____
|_| |_| |_| |_| |_|______|
</p>
<pre>
_ _ _______ __ __ _
| | | |__ __| \/ | |
| |__| | | | | \ / | |
| __ | | | | |\/| | |
| | | | | | | | | | |____
|_| |_| |_| |_| |_|______|
</pre>
</body>
</html>
网页展示:
我们可以使用pre标签完成一些需要格式化的文字展示。