在 Markdown 里写作时，想要html代码高亮，你可能需要这么写，如下图所示：

我是一张演示图

这是最简单的办法，截图。如何以文字的方式直接显示出来呢？用转义来实现。

这里展示的是html原始代码。普通的字符以\开头就行。而遇到像<meta>标签那里，需要以空格开头，就有点犯难。在搜索引擎上找了一番，找到SF上的一个问答：

http://segmentfault.com/q/1010000000125730/a-1020000000126104

solodu答道：

直接写
半方大的空白&ensp;或&#8194;
全方大的空白&emsp;或&#8195;
不断行的空白格&nbsp;或&#160;

于是，我们可以写成这样：

\```html
\<!DOCTYPE&ensp;html>
\<html&ensp;lang="en">
\<head>
&ensp;&ensp;&ensp;&ensp;\<meta charset="UTF-8">
&ensp;&ensp;&ensp;&ensp;\<title>Document</title>
\</head>
\<body>

\</body>
\</html>
\```

以上的代码如果没有用到代码高亮

\```html
\<!DOCTYPE\ html>
\<html\ lang="en">
\\
\ \ \ \ \\
\ \ \ \ \\Document\
\\
\\

\\
\\
\```

要写成这样：

\\```html
\\<!DOCTYPE\&ensp;html>
\\<html\&ensp;lang="en">
\\\<head>
\&ensp;\&ensp;\&ensp;\&ensp;\\\<meta charset="UTF-8">
\&ensp;\&ensp;\&ensp;\&ensp;\\\<title>Document\</title>
\\\</head>
\\\<body>

\\\</body>
\\\</html>
\\```

好吧，折腾这么久，无非是想让你看到，在普通编辑器里，这源码就是这样：

```html
\<!DOCTYPE html>
\
\
    \
    \Document\
\
\

\
\
```

是不是跟图片显示的结果一样？