<\/span><\/h2>\nBase64\u6703\u4f7f\u6587\u4ef6\u5167\u5bb9\u589e\u52a0\u7d0433%
\ndata URI\u4e0d\u6703\u88ab\u700f\u89bd\u5668\u7de9\u5b58
\n\u5982\u679c\u6709\u9700\u8981\u5728\u591a\u500b\u5730\u65b9\u91cd\u8907\u4f7f\u7528\u6642\u8acb\u907f\u514d\u6216\u4f7f\u7528CSS\u8f09\u5165
\n\u5167\u5bb9\u5982\u679c\u66f4\u65b0\uff0c\u5c31\u9700\u8981\u91cd\u65b0\u7522\u751f\u4e00\u6b21\u7de8\u78bc
\ndata URI\u6703\u4f7fCSS\u548cHTML\u770b\u8d77\u4f86\u8b8a\u5f97\u51cc\u4e82
\n\u5927\u5c0f\u9650\u5236\uff0c\u6839\u64dadata URI\u7684\u898f\u7bc4\uff0cdata URI\u6709\u5b57\u5143\u7684\u9650\u5236\uff0cIE8\u50c5\u652f\u63f432768 Bytes\uff0c\u7d0432KB\u5de6\u53f3
\nIE8\u4ee5\u4e0b\u4e0d\u652f\u63f4\uff0c\u4f46\u53ef\u4ee5\u900f\u904e\u4f7f\u7528CSS Hack\u89e3\u6c7a
\n\u4f8b\u5982\uff1a
\n<link rel=\u201dstylesheet\u201d type=\u201dtext\/css\u201d href=\u201dstyle.css\u201d \/>
\n<!\u2013[if lte IE 7]>
\n<link rel=\u201dstylesheet\u201d type=\u201dtext\/css\u201d href=\u201dsuck-ie.css\u201d \/>
\n<![endif]\u2013>
\nor\u2026
\n#wrap {
\nbackground-image: url(\u2018data:image\/png;base64,iVBORw0KGgoAAAANSUh\u7565\u2026\u2019);
\n\/* IE 6 and 7 *\/
\n*background-image: url(\u2018\/images\/icons.png\u2019);
\n\u9019\u65b9\u6cd5\u4e0d\u53ea\u53ef\u4ee5\u7528\u5728image\uff0c\u4e5f\u53ef\u4ee5\u7528\u65bcCSS\u3001web font\u5594\uff01\u82e5\u642d\u914dCSS Sprites\u66f4\u662f\u5927\u5927\u7bc0\u7701\u4f3a\u670d\u5668\u8cc7\u6e90\u554a\uff01
\nCSS\uff1a<\/i>
\n<link href=\u2019data:text\/css;base64, I6IDFweCGA9DQo\u7565\u2026\u2019 rel=\u201dstylesheet\u201d type=\u201dtext\/css\u201d \/>
\nweb font\uff1a<\/i>
\n@font-face{
\nfont-family: \u201cFoo Font\u201d;
\nsrc: url(\u2018data:font\/woff;charset=utf-8;base64,d09GRgABAAAAAG\u7565\u2026\u2019) format(\u2018truetype\u2019); }<\/p>\n
![\"Anonymous\u4fb5\u5165dns.gov.ph\"](\"https:\/\/www.awoo.com.tw\/blog\/wp-content\/uploads\/2013\/06\/tec-01-DataURIs-0001.jpg\" "\\"Anonymous\u4fb5\u5165dns.gov.ph\\"")
<\/a><\/p>\n