IFRAME - 奇怪的SRC - 數據：圖像/ PNG - 它被如何解析

Question

我看到了這一點：

<iframe src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAFElEQVQYV2P8DwQMBADjqCKiggAAmZsj5vuXmnUAAAAASUVORK5CYII="></iframe> 

，這將在HTML作爲真正的URL進行渲染，

請問這是奇怪的工作？

Answer 1

它是一種data URI，這是一個資源，典型地an image, embedded在URI而不是一個從external URL.

iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAFElEQVQYV2P8DwQMBADjqCKiggAAmZsj5vuXmnUAAAAASUVORK5CYII加載是sResourceData此iframe。

什麼是sResourceData：資源數據的文本表示形式，其中內容表示爲URL允許的字符。不安全字符必須進行百分比編碼。

如果src設置爲base64，它會告知由sResourceData參數指定的數據編碼爲base64;否則，數據被假定爲百分比編碼。

欲瞭解更多信息，請閱讀：http://msdn.microsoft.com/en-us/library/cc848897(v=vs.85).aspx

Answer 2

這是一個數據URI - https://developer.mozilla.org/en-US/docs/Web/HTTP/data_URIs

他們「讓內容創作者在文檔中嵌入在線小文件」。 （從MDN引號）