用Pre标签代替wordpress代码高亮插件

Q: 为什么不用Wordpress代码高亮插件？
A: 代码高亮插件多为js实现，效率不高且不利于SEO

Q: Pre标签是什么？
A: pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。<pre>签的一个常见应用就是用来表示计算机的源代码。

guosheng.org 所使用的Pre标签CSS设置如下，空白行以上代码参考柳城Blog文章中的内容，空行下面是对pre标签内字号和间距样式的自定义。

 pre {
  white-space:pre-wrap; /* css-3 */
  white-space:-moz-pre-wrap; /* Mozilla, since 1999 */
  white-space:-pre-wrap; /* Opera 4-6 */
  white-space:-o-pre-wrap; /* Opera 7 */
  word-wrap:break-word; /* Internet Explorer 5.5+ */
  -moz-binding: url('./wordwrap.xml#wordwrap'); /*再多这行*/

  border:1px #CCC solid;
  background-color:#F0F0F0;
  padding:6px;
  font-size:12px;
  }