Описание тега data-uri

Описание тега Вопросы с тегом

URI данных - это URL-адрес, часть схемы которого - "данные:" и который непосредственно представляет ресурс, а не его местонахождение.

Ниже приведен пример URI данных:

data:text/html;base64,PCFkb2N0eXBlIGh0bWw+CjxodG1sPgogIDxoZWFkPg
ogICAgPG1ldGEgY2hhcnNldD11dGYtOD4KICAgIDx0aXRsZT5UaGVyZSBpcyBuby
BzcG9vbi48L3RpdGxlPgogICAgPHN0eWxlPgogICAgICBodG1sIHsgYmFja2dyb3
VuZDogI2ZhNTsgaGVpZ2h0OiAxMDAlIH0KICAgICAgcCB7IGNvbG9yOiAjNWFmOy
B0ZXh0LWFsaWduOiBjZW50ZXI7IG1hcmdpbjogNmVtOyBmb250LXNpemU6IDJlbS
B9CiAgICA8L3N0eWxlPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxwPjxhIGhyZW
Y9aHR0cDovL3N0YWNrb3ZlcmZsb3cuY29tL3RhZ3MvZGF0YS11cmkvaW5mbz5CYW
NrPC9hPjwvcD4KICA8L2JvZHk+CjwvaHRtbD4K

Этот URI данных содержит документ HTML. При вставке в адресную строку совместимого браузера документ, который он содержит, будет отображаться без необходимости запрашивать какие-либо внешние ресурсы.

URI данных можно использовать в href или src атрибуты <a> а также <img> элементы и т. д., устраняя необходимость в дополнительных HTTP-запросах.