data: URI scheme
URL の中にデータを埋め込むという方式。例えば,下の img タグは src の URL の中に画像データを含んでいる。
<img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAALGP C/xhBQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9YGARc5KB0XV+IA AAAddEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIFRoZSBHSU1Q72QlbgAAAF1J REFUGNO9zL0NglAAxPEfdLTs4BZM4DIO4C7OwQg2JoQ9LE1exdlYvBBeZ7jq ch9//q1uH4TLzw4d6+ErXMMcXuHWxId3KOETnnXXV6MJpcq2MLaI97CER3N0 vr4MkhoXe0rZigAAAABJRU5ErkJggg==" alt="Red dot" />
これができると何が嬉しいのかというと……例えば, iPod Touch 向けの web アプリに iWebSaver というのがある。
iPod Touch は Safari を内蔵しているものの,普通はオンライン時にしか使うことができなくて,オフライン時に保存済みページを閲覧するというようなことはできない。
そこで iWebSaver は,指定されたページの内容を data: URI scheme を使って,単一の URL の中に埋め込んでしまう。あとはその URL をブックマークすれば,ブックマークの中にページを保存することができてしまう……という仕掛け。
こんな技があるのは知らなかった……携帯端末に何を買おうか迷ってたところなのだけれど,がぜん iPod Touch が欲しくなってきた。