html - <iframe> 中的 srcdoc ="..."和 src ="data:text/html,..."有什么区别？

Question

例如，它们之间的区别是什么:

<iframe srcdoc="<p>Some HTML</p>"></iframe>
<iframe src="data:text/html,<p>Some HTML</p>"></iframe>

Demo

而且，如果它们完全相同，为什么 HTML5 添加 srcdoc 属性？

编辑

可能是我说的不够清楚。我没有将 src 与 srcdoc 进行比较，而是将 src 使用文本/html 数据 URI 与 srcdoc 进行比较。

那么如果功能图是这样的

                   |  src attribute       |  srcdoc attribute --------------------------------------------------------------------  URL              |  Yes                 |  No without using src (*)  HTML content     |  Yes, using data URI |  Yes

why is srcdoc needed?

---

(*) Note:

It seems srcdoc can be used to load a page by URL (Demo), using a subiframe with srcattribute:

<iframe srcdoc="<iframe src='http://microsoft.com'></iframe>"></iframe>

Answer 1

其他答案列出了一些表面上的差异，但实际上忽略了解释为什么浏览器/规范编写者本质上会复制已经存在的东西的关键差异:

<iframe src="data:...untrusted content" sandbox /> <- 在现代浏览器中安全，在不支持沙箱的旧版浏览器中不安全

<iframe srcdoc="...untrusted content" sandbox /> <- 在现代浏览器中安全，在旧版浏览器中安全(尽管无法正常运行)

这种新语法为内容作者提供了一种保护其用户的方法，即使他们可能使用旧版浏览器也是如此。没有它，内容作者根本不愿意使用沙盒功能，也看不到它的用处。