Схема data:URI

Схема data:URI

Схема data:URI предоставляет способ для внедрения «непосредственно данных» точно так же, как если бы они были подключены через вызовы внешних файлов. Синтаксис у нее следующий:

data:[<тип данных>][;base64],<данные>

В случае простых изображений вам нужно указать mime-тип для них (например, image/gif), за ним идет base64-представление бинарного файла с изображением. Ниже приведен пример (переводы строк добавлены, чтобы не разрывать страницу, на самом деле их нет):

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAIAAAD5gJpuA

AAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPJJREFUKM9tjz1OwlEQxH8P/hV2NIZY0NhYeA0TbkLLPTyFV6DgLhYWFIaOmEhM3szbtXhEPmSy2Z3d2Y9sORySEyKih87iCg4GYDIByEwoQGbPCowzR3mG3e576Jsz85zkLZRSIqIsFrlc5n5PBK1la0Rka2lfeDun07JafQ2bTTw/l+0WOy3klFLKWq/9fA4wADZS/g10ufdVpeqxYheIAehHq9Li1PrvgpQQw5rxk15/6mfYWR1yVIUc0pFUNync7vyw5m14gbHfQx+3l3di4Vba4z0MASOZ2Swl3LCQitQ/w8amtW4B5QBxZlymVxLwCz+JZR4AeSrEAAAAAElFTkSuQmCC" width="16" height="14" alt="внедренная иконка"/>

В результате мы получим следующее изображение иконки флага:

Рис. 4.6. Пример изображения, вставленного с помощью data:URI. Источник webo.in

Поделитесь на страничке

Следующая глава >

Похожие главы из других книг

Схема водопровода и дренажной системы

Из книги Ландшафтный дизайн на компьютере автора Орлов Андрей Сергеевич

Схема водопровода и дренажной системы Создание схем водопровода и дренажной системы (рис. 2.3) – необходимая составляющая предварительной подготовки проекта. Рис. 2.3. Схема дренажной системы выполнена в программе «КОМПАС-3D»На схеме указаны расположение и размеры


Схема системы полива

Из книги Железо ПК [Популярный самоучитель] автора Пташинский Владимир

Схема системы полива Кроме схемы дренажа необходимо составить схему полива растений (рис. 2.4), расположенных на участке. Рис. 2.4. Схема системы полива создана в программе «КОМПАС-3D»На данном рисунке представлен подвод воды для полива растений на овальной клумбе. На схеме


Схема системы освещения

Из книги Обработка баз данных на Visual Basic®.NET автора Мак-Манус Джеффри П

Схема системы освещения Очень важно продумать ночное освещение участка. Сделать грамотное освещение, учитывая все особенности участка, расположение объектов и дорожек, можно, если создавать план освещения в программе «КОМПАС-3D» (рис. 2.5). Рис. 2.5. Схема системы освещения,


Схема дорожек и площадок

Из книги Word 2007.Популярный самоучитель автора Краинский И

Схема дорожек и площадок Расположив все объекты на участке, можно создать схему дорожек и площадок (рис. 2.6), что позволит продумать удобство эксплуатации участка. Рис. 2.6. Схема дорожек и площадок выполнена в программе «КОМПАС-3D»На данном рисунке представлен разбивочный


Краткая схема сборки

Из книги Linux-сервер своими руками автора Колисниченко Денис Николаевич

Краткая схема сборки В принципе, вы можете собирать компьютер в той последовательности, в какой пожелаете. Мало того, в зависимости от размеров и конфигурации корпуса, а также размера материнской платы очередность операций может варьироваться. Иногда проще сначала


Схема базы данных

Из книги Windows Script Host для Windows 2000/XP автора Попов Андрей Владимирович

Схема базы данных Для создания структуры базы данных рекомендуется не только подготовить список таблиц и полей, но и представить таблицы и поля в графическом виде. После этого вы не только сможете сказать, какие таблицы и поля доступны для вас, но и как они связаны друг с


Схема документа

Из книги UNIX: взаимодействие процессов автора Стивенс Уильям Ричард

Схема документа Режим Схема документа является дополнительным режимом и работает с любым из рассмотренных выше. С его помощью можно быстро перемещаться между различными разделами, подразделами документа, а также просматривать структуру документа. Для применения этого


5.1.1. Общая схема управления процессами

Из книги OrCAD PSpice. Анализ электрических цепей автора Кеоун Дж.

5.1.1. Общая схема управления процессами Каждый процесс может порождать полностью идентичный процесс с помощью fork(). Родительский процесс может дожидаться окончания выполнения всех своих процессов-потомков с помощью системного вызова wait. В любой момент времени процесс


Схема WS XML

Из книги Быстрые деньги в Интернете [50 способов заработать, сидя дома у компьютера] автора Парабеллум Андрей Алексеевич

Схема WS XML Синтаксис элементов, составляющих структуру WS-файла, в общем виде можно представить следующим образом:<element [attribute1="value1" [attribute2="value2" ... ]]> Содержимое (content)</element>Открывающий тег элемента состоит из следующих компонентов:? открывающей угловой скобки "<";?


Схема WSC XML

Из книги Linux: Полное руководство автора Колисниченко Денис Николаевич

Схема WSC XML Ранее в главе 3 отмечалось, что объектная модель, которая используется при создании многозадачных сценариев (WS-файлов), была в основном позаимствована из схемы WSC XML, поэтому многие элементы WSC-файлов окажутся вам знакомыми.В листинге 10.1 приводится несколько


7.3. Схема производитель-потребитель

Из книги Введение в QNX/Neutrino 2. Руководство по программированию приложений реального времени в QNX Realtime Platform автора Кёртен Роб

7.3. Схема производитель-потребитель Одна из классических задач на синхронизацию называется задачей производителя и потребителя. Она также известна как задача ограниченного буфера. Один или несколько производителей (потоков или процессов) создают данные, которые


Схема ИЛИ-НЕ

Из книги автора

Схема ИЛИ-НЕ В последнем примере главы 9 мы рассматривали логическую схему 7400: 2-входовую схему ИЛИ-НЕ. В качестве источников V1 и V2 были использованы источники напряжения типа PWL с выходным напряжением в виде последовательностей импульсов, представляющих уровни


Схема полусумматора

Из книги автора

Схема полусумматора На самом деле нет необходимости использовать источник типа VPWL, чтобы обеспечить входные импульсы для цифровой схемы. Начните новый проект, использующий имя half. Библиотека Sourcestm содержит компонент DigStim1, условное обозначение которого показано на рис.


1.1.1. Рекомендуемая схема разбиения диска

Из книги автора

1.1.1. Рекомендуемая схема разбиения диска ? Раздел подкачки или свопинга (swapping) — используется виртуальной памятью. Иными словами, данные, не умещающиеся в оперативной памяти, перемещаются на жесткий диск. Например, у вас в данный момент свободно всего 8 Мбайт оперативной


Схема уведомления

Из книги автора

Схема уведомления Как получить уведомление о тайм-ауте? При использовании таймера задержки вы получаете уведомление просто посредством возвращения в состояние READY.При использовании периодически и однократных таймеров у вас появляется выбор:• послать