通常情况下，我们希望网页能被正确的解析，页面上不要出现多余的html标签。而有些时候我们又希望能够显示诸如“<body>”这样的内容在段落中。
为了避免html标签被解析掉，找了如下几种方法：
1、将所有的“<”替换为“<”，将所有的“>”替换为“>”
需要注意的是，html中同样也能将<当成普通的字符显示，这个时候需要将“&”替换为“&”表示它只是一个普通的“&”值，跟在他后面的内容不构成可转义的字符。
将所有的“<”替换为“<”;将所有的“>”替换为“>”
对于 HTML 应用程序，通常建议把所有的脚本都放置在 <body> 元素的最底部。这会提高网页加载速度，因为 HTML 加载不受制于脚本加载。在我们的多个 AngularJS 实例中，您将看到 AngularJS 库是在文档的 <head> 区域被加载。在我们的实例中，AngularJS 在 <head> 元素中被加载，因为对 angular.module 的调用只能在库加载完成后才能进行。另一个解决方案是在 <body> 元素中加载 AngularJS 库，但是必须放置在您的 AngularJS 脚本前面：
2、在xmp标签中使用，xmp标签在html5中已经弃用，仅供参考
w3school给出的意见是这样的
在xmp标签中使用，xmp标签在html5中已经弃用，仅供参考
<div></div> 对于 HTML 应用程序，通常建议把所有的脚本都放置在 <body> 元素的最底部。这会提高网页加载速度，因为 HTML 加载不受制于脚本加载。在我们的多个 AngularJS 实例中，您将看到 AngularJS 库是在文档的 <head> 区域被加载。在我们的实例中，AngularJS 在 <head> 元素中被加载，因为对 angular.module 的调用只能在库加载完成后才能进行。另一个解决方案是在 <body> 元素中加载 AngularJS 库，但是必须放置在您的 AngularJS 脚本前面：<div></div>
3、在textarea标签中显示
4、用javascript直接给innerText赋值
innerText中必须手动加上“\r\n”才能实现成功换行
不能解决问题的几种方法：
1、使用pre标签包裹（可以显示换行或者空格，但对html标签没什么用）：
pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
<pre> 标签的一个常见应用就是用来表示计算机的源代码。
对于 HTML 应用程序，通常建议把所有的脚本都放置在 元素的最底部。这会提高网页加载速度，因为 HTML 加载不受制于脚本加载。在我们的多个 AngularJS 实例中，您将看到 AngularJS 库是在文档的 区域被加载。在我们的实例中，AngularJS 在 元素中被加载，因为对 angular.module 的调用只能在库加载完成后才能进行。另一个解决方案是在 元素中加载 AngularJS 库，但是必须放置在您的 AngularJS 脚本前面：
2、用javascript直接给innerHTML赋值（注意innerText和innerHTML大小规律不同）
在innerHTML中，“\r\n”的换行符页面中没有效果，也不会显示出来，而是在html文档中产生了一个较好的排版。
完整代码（学习AngularJs贴学习内容时发现标签不能正确显示的这个问题）：
AngularJs学习(15) AngularJS 模块
添加指令：自定义指令
什么时候载入库？
页面将所有的html标签都给转义了，不能正确显示
对于 HTML 应用程序，通常建议把所有的脚本都放置在 元素的最底部。这会提高网页加载速度，因为 HTML 加载不受制于脚本加载。在我们的多个 AngularJS 实例中，您将看到 AngularJS 库是在文档的 区域被加载。在我们的实例中，AngularJS 在 元素中被加载，因为对 angular.module 的调用只能在库加载完成后才能进行。另一个解决方案是在 元素中加载 AngularJS 库，但是必须放置在您的 AngularJS 脚本前面：将所有的“<”替换为“<”;将所有的“>”替换为“>”
对于 HTML 应用程序，通常建议把所有的脚本都放置在 <body> 元素的最底部。这会提高网页加载速度，因为 HTML 加载不受制于脚本加载。在我们的多个 AngularJS 实例中，您将看到 AngularJS 库是在文档的 <head> 区域被加载。在我们的实例中，AngularJS 在 <head> 元素中被加载，因为对 angular.module 的调用只能在库加载完成后才能进行。另一个解决方案是在 <body> 元素中加载 AngularJS 库，但是必须放置在您的 AngularJS 脚本前面：在xmp标签中使用，xmp标签在html5中已经弃用，仅供参考
<div></div> 对于 HTML 应用程序，通常建议把所有的脚本都放置在 <body> 元素的最底部。这会提高网页加载速度，因为 HTML 加载不受制于脚本加载。在我们的多个 AngularJS 实例中，您将看到 AngularJS 库是在文档的 <head> 区域被加载。在我们的实例中，AngularJS 在 <head> 元素中被加载，因为对 angular.module 的调用只能在库加载完成后才能进行。另一个解决方案是在 <body> 元素中加载 AngularJS 库，但是必须放置在您的 AngularJS 脚本前面：<div></div> 在textarea标签中显示
用javascript直接给innerText赋值
参考：
- http://www.w3school.com.cn/tags/tag_pre.asp【HTML <pre> 标签】
- http://www.w3school.com.cn/tags/tag_code.asp【HTML <code> 标签】
- http://www.w3school.com.cn/tags/index.asp【xmp在页面的最下面有一小行解释，已截图】