javascript - 如何在没有 xmp 标签的情况下工作

Question

我最近了解到xmp标签的使用，它已被弃用，很多人说使用pre，或者用<、> 等

...但这些解决方案对我来说并不好。

实际上，我想将内容放入网页中，并且在我使用 JavaScript 将其复制到其他容器中之前，该内容不会被解释。

目前我只找到了一种解决方案，但它并不是很干净:

<div id="myContent" class="hidden">
    <!--MyContent-->
</div>

然后，通过 Javascript，我解析内容以删除评论 html 标签。

您是否找到了更好的解决方案？

Answer 1

使用 xml/html 数据岛在 html 中存储任意数据。以下示例显示了一些变化:

1. xml 数据
2. html 数据
3. 任意文本
4. 表示为 xml cdata 部分的任意文本

script tgas 可以通过 JavaScript 访问，并且可以添加诸如 id 之类的通用属性来简化访问。

<!-- xml -->
<script type="text/xml">
    <data>
        <!-- whatever -->
    </data>
</script>

<!-- html -->
<script type="text/html">
    <a href="http://example.com">example.com</a>
</script>

<!-- plain text -->
<script type="text/plain">
    whatever
</script>

<!-- plain text in an xml cdata section (text mustn't contain ']]>') -->
<script type="text/xml">
    <plain><![CDATA[...whatever...]]></plain>
</script>

有一个article on MDN讨论该技术。

过去可以选择在 html 文档中放置 xml 标记。从 IE10 开始，IE 不再支持此功能。