data URI

data: 스킴이 접두어로 붙은 URL은 컨텐츠 작성자가 작은 파일을 문서 내에 인라인으로 삽입할 수 있도록 해준다. 

 

구문

데이터 URI는 접두사(data:), 데이터의 타입을 가리키는 MIME 타입, 텍스트가 아닌 경우 사용될 부가적인 base64 토큰 그리고 데이터 자체 총 네 가지 부분으로 구성된다.

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

mediatype은 MIME 타입을 말한다. (e.g. JPEG 이미지일 경우 'image/jpeg') 생략할 경우 기본 값으로text/plain;charset=US-ASCII 이 사용된다.

데이터가 텍스트인 경우 단순히 텍스트를 포함할 수 있다. 그렇지 않은 경우 base64로 인코딩된 이진 데이터를 포함하기 위해 base64를 지정할 수 있다.

 

예제

data:,Hello%2C%20World!

mediaType이 생략되었으므로 기본값인 text/plain으로 지정되었다. 쉼표는 %2C로 URI 인코딩되고 공백 문자는 %20으로 표시된다. 주소창에 url 호출 시 아래와 같은 화면이 출력된다.