用html显示代码区域，＜code＞＜/code＞和＜pre＞＜/pre＞

<code>，是单行代码，不能保留内容中的空格、换行符。

<pre>，是多行代码，它虽能保留内容中的空格、换行符，但<pre>缺少了“语义化”。 我们可以把这两个标签结合起来嵌套使用，这样就能让<code>保留内容的空格以及换行符。

pre元素并不能代码放入，里面的内容是什么，可以是歌词，可以是代码，可以是其它文本。当pre元素来展示源代码的时候最好的方式是用code元素来包裹代码，这样既可以保持格式又可以代表语义，一举数得。如上面的代码可以改写为：