时间戳

首页 > 解决方案 > 在 URL 中嵌入 HTML

html - 在 URL 中嵌入 HTML

问题描述

是否可以在 URL 中嵌入 HTML，然后在浏览器本身中呈现该 HTML？

从理论上讲，“正在考虑的内容”类似于下面的 URL：

http://"<h1>Hello World</h1>"

这将显示一个<h1>标签中包含“Hello World”的页面。

当然，我知道由于多种原因，上述方法在现实世界中不起作用。但是，有没有一种方法可以在 URL 中编码数据并在浏览器中显示将该数据呈现为 HTML？

我知道您可以轻松地设置一个网络服务器来执行此操作，但我对一个可以在本地工作而没有任何依赖关系的解决方案感兴趣。

标签： html

解决方案

它是数据 URL。Data URLs，以 data: 为前缀的 URLs 方案，允许内容创建者在文档中嵌入小文件。在 WHATWG 停用该名称之前，它们以前被称为“数据 URI”。

现代浏览器将数据 URL 视为唯一的不透明来源，而不是继承负责导航的设置对象的来源。

句法：

data:[<mediatype>][;base64],<data>

的HTML：

<a href="data:text/html,<h1>Hello World</h1>">Test</a>

推荐阅读