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

Question

我最近了解到 xmp 标签的使用，它已被弃用，很多人说使用 pre，或翻译特殊字符<、>等

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

实际上，我想将内容放入网页中，并且直到我将其 JavaScript 复制到另一个容器中时才被解释。

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

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

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

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

Answer 1

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

xml数据
html数据
任意文本
表示为 xml cdata 部分的任意文本

可以从 javascript 访问 script tgas，并且可以添加 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 不再支持此功能。

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

How to work without xmp tag

html

javascript

tags

xmp