gpt4 book ai didi

html - 我可以将整个 HTML 文档放入模板中吗?

转载 作者:行者123 更新时间:2023-11-27 22:54:59 25 4
gpt4 key购买 nike

我想存储整个 HTML 文档以便稍后放入 iframe (srcdoc)。

我可以像这样将所有内容放入模板中,包括 html、head 和 body 吗?

<template>
<html>
<head>
<title>Document</title>
</head>
<body>
<main>Content</main>
</body>
</html>
</template>

如果不是,存储整个文档的最佳方式是什么?谢谢!

最佳答案

不幸的是,模板标签不允许包含<html>标签。根据 HTML 规范的 4.1.1:

Contexts in which [the <html>] element can be used:

  • As document's document element.
  • Wherever a subdocument fragment is allowed in a compound document.

从 4.12.3 开始,<template>标记不提供这些上下文中的任何一个。出于同样的原因,您不能使用 <head> , <body><title>标签。 Chrome 和 Firefox 都主动从 <template> 中删除无效标签,阻止您使用它。

存储用于 iframe 的 HTML 的最佳方法是将 HTML 代码放在网络服务器的不同文件中。

但是,一个可接受的替代方法是将 HTML 存储在您的 <iframe> 中。 ,然后用内容填充 srcdoc 属性。

<iframe id="yourIframe">
<!-- Everything inside here is interpreted as text, meaning you can even put doctypes here. This is legal, per 12.2.6.4.7 and 4.8.5 of the HTML specification. -->
<!doctype html>
<html>
<head>
<title>Document</title>
</head>
<body>
<main>Content</main>
</body>
</html>
</iframe>

...

<script>
...
const iframe = document.getElementById("yourIframe");
iframe.srcdoc = iframe.innerHTML;
</script>

关于html - 我可以将整个 HTML 文档放入模板中吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56695086/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com