导致其他标签呈现为纯文本的 HTML 标签[重复]

我想向页面添加一个区域，其中所有动态内容都呈现为纯文本而不是标记。例如：

  <myMagicTag>
      <b>Hello</b> World
  </myMagicTag>

我想要<b>标记仅显示为文本而不是粗体指令。我宁愿不必编写代码将每个“<".

我知道<textarea>会这样做，但它有其他不良的副作用，例如添加滚动条。

myMagicTag 存在吗？

Edit:执行此操作的 jQuery 或 javascript 函数也可以。不幸的是，无法在服务器端执行此操作。

您可以使用script element（由我加粗）：

The script元素允许作者包含动态脚本和数据块在他们的文件中。

Example:

<script type="text/plain">
This content has the media type plain/text, so characters reserved in HTML have no special meaning here: <div> ← this will be displayed.
</script>

（请注意，允许的内容script元素是受限制的，例如你can’t have </script>作为文本内容（它将关闭script元素）。）

通常，script元素有display:none默认情况下，在浏览器的 CSS 中，因此您需要在 CSS 中覆盖它，例如：

script[type="text/plain"] {display:block;}