pre元素用于定义预格式化文本
预格式化就是保留文本在源代码中的格式，使得页面中显示的和源代码中的效果完全一致。
HTML字符实体
HTML预留了一些字符，比如<,>
不能使用带<和>的文本，不然浏览器以为是标签，这时候就要用字符实体
语义化
语义化要求你使用恰当语义的HTML元素，让页面具有良好的结构与含义，从而让人和机器都能快速理解网页内容
code元素,专门用来显示源代码的元素
var:定义程序的变量
kbd:定义用户的输入
samp:定义程序的输出
<!DOCTYPE>
<html>
<head>
</head>
<body>
<pre>
<code>
<!DOCTYPE>
<html>
<head>
</head>
<body>
</body>
</html>
</code>
</pre>
<p>有一个变量<var>x</var></p>
<p>有一个输入<kbd>y</kbd></p>
<p>有一个输出<samp>z</samp></p>
</body>
</html>