2019年8月26日(月)
Data URL(データURL) #■パソコン・通信 ブラウザにおいて、ホームページアドレスを入力するフィールドを、今は『アドレス』と呼びますが、昔は『URL』または『URI』と表示されていました。
この入力フィールドに記述するルールは、下記の通りです。
スキーム名(識別子):情報
スキーム名は、http
https
file
ftp
mailto
がよく知られています。
【ホームページ】
スキーム名がhttps、情報が//neconote.jpだと下記のようになります。
https://neconote.jp【ファイル】
Windowsパソコンのデスクトップにあるindex.htmlファイルを開きます。
file:///C:/Users/ユーザ名/Desktop/index.html
【メール】
メーラー(メールソフト)が起動して、宛先にメールアドレスが入力されます。
mailto:******@***.jp それぞれ、試してみて下さい。
さて、その他のスキーム名に、dataがあり、Data
URLと呼ばれています。:に続く情報を直接表示してくれます。
【HTMLのData
URL】
見出し1の赤色で、Hello
World!が表示されます。
data:text/html,<h1
style="color:red;">Hello
World!</h1>
※iPhoneにおけるコピーでは、半角スペースが認識されなかったので、半角スペースを追記して下さい。
【PNGファイル(3,102
byte)のData
URL】
トリプルクリックなどしてdata:image/png;base64,
…SuQmCCを選択、コピーして、ブラウザのアドレスフィールドにペーストしてみて下さい。トドロおっちゃんの顔のイラストが表示されます。
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAMAUExURf///+jn54l2ZtaDOXtoWe7Qt9vb27l0NevUwqyXhpiEc/bZwUM9ONJ8LPndxph3WrOCVteIRTkzLVRNRmNXTMSkiZaVlbyjjtSdaoVrV8p7NJyCbVZWVdGxlbydgunJrqqSfbSUenp4d2hlYaJrOc2ym6RzR/zr2/7+/jgtJbemmdm5nT08O0ZBPeDBpf3x5MjHxotxW9y9owoJByUjIGFbVsOESqKFbN7CqnRsZdOid8h0Jfjgyq1yO9zJu3BXRB4bGCIgHcytkikmIvLVvIZkR3dXOi4sKpRlPqqJbfPy8TMyMLVsJ9S1msqpjezOtcx4K7d7RoWEg/nk0u/SueHCqKWLddN+MejKssJ1LTo4NuTFqvPr4yAeG8Spk0lGRPLezq2NcbechaN7V+W2jPTXvuXGrENCQJ+AZVNDNraJYVtQRenb0JN+a8ChhkpIRt6/pOrMsr28vJ19Ysi1qKtpLBsZF4ZcOKioqKGNfJV6Y8KLXN6UV/zo1+fIrvnfx0E2LeGqevHTu2dEItHLx9m6oKWakXpgSDg1MubPvZ5ySpeSjqqOeeTIsNe4ndW2m7maf9u8ocaumoN/fPr6+qWEZxUSD9S4ofHg0uLDqdeqhJp+as+0nsesldq+pruwqs6vlCooJ9Wvmcl2KbxxLbCRd9S0mMxyHox9cO3NsOzHpRIQDvHRthAODPjbwsmrkMuskcanjOvNs1pLPJaNhfnZvsCmkMqmkcmumP39/LWdierh2WtROvXYwKSHblBHP/7///TUuZRrSeDFrsRzJreXfRgWFNGyl9CBO/jcxNS/rl5HO19IM/3+/25eT1E/L04+M//+/t++orufh1FOTJF2YPHYwu/ayOHGsd7PwoF0abOOetC2oLWQbs+NT/j4+fz48/b29ujAnde2mUQsFffbw5+endB3JY9uUfr7/K+ztq6sqt26noxyYbiXe3JjV86+sKCIdP///quCXrGWgMCcibuXhURHSdrAq5l3ZNyOTRMXGtWwkfvcw1pHNdLS05IwLFIAAAikSURBVHja7JhpWJNXFscTkhAIRAoYUgIJiwRBYiSBgGmJQhJJWYOQkEBEGigBVDapjDIaNGNkEQOpII2gDcPiLgSXIorEVgTqzlKrtTiUQXjGrUSn0zLOMPfF2mf8MEnwmU99+v/Eh/f++J9zz733nMBgv+u3pzH4eUt45NyfPm+zfm6R5SNPV9soHo+X7Oq5MfL626D0MJ/Ih66NKYG8smRKcnLUFYf1jPjZebsCX485lYXyKKl5eXmpQDykhqrFMDx36udF8oHpd6YWRb2m5GVGWbhJqIPU8ZzUvZHzMAU+3Jyy7xdOXmompcf9uFyioearB3E9w7Nmk8BnTj3uiet5vKhkoKWMLZpLBWI3gMpXP9Yu5Pmb7+fhDSJVJtNhkM+YOdb3UWeO8/kdBWK5TJOv9Gt35Fn6+JiXn80LiX5qquTIpUuXzpw5k8FVKBQCAYpf4CYTDvr5DUXljZkXnL8jbtwvXyNzK+CjBAouNyMjg8vlKgSAJKGqq8ZzrsSbZQg+PN1apRZCHIDJ6LaB1J0xR5JpBv1a2x0D4eZYil/IJgJD8lccm4mTAwMDExMQSsAXS6jKmFZMkadpQ7ctyxK1rUqqxK0DpeB225wcWAAJQmUoUAUyEFufbmmjGZb2LtWxY0BkwBDwAzglkBYsmJjo5ir4bhq6iki0OOFkCnN7jIKMZYMUyQtQChAXxAkJCQGkgVeWJHRVn9Y9MPOcKdIsBxOrjVFr5B2/GnoDJMtXEdm4nn3+xmPzMWxubIFC08jnInvDUferJKmI7e3IAJMVEO/bq2O3zoHeDA0Ymtu2fFUfOzaxyFRseqZDNa6tTymUQ5v2CwlK9oANyDWqQ66ZA5G2h1qacLSorDc3lqgUysT8/yLNBcblXjre4QZZasM9C/ib8STpGQ4euTqtiioBBfmaBJURqCgx2Rpjce/wNG5/7rvP/3rxL7DbxkgMXgsJ1x5DF8rkrz1NzNX1Hsx6SpRDdvgHLIIIi8UiDh310RvbtkUcaXWuDpwRoQQqJS502qDTgXrW6HD1iyB7UVwSejUrGiuafNd4jphFwb0kHDtGSZXLD94nH0SBGwCc1j3LLcJX24uSWO9I0w6QP25pBiCDwUiW9Hv3FT8l4dpi1GzMsx5bW1tr+Zd79nyzfPy9rfZJLDsXTE7xSLGLx5LVWIJqjdFL5OEJmkc1jt2FtHXYfis7Ozv45cuX+98btUe87zVFo9FGiuvri584uzzHRg/FrjGSpHP+J5Ag27Xhf/BCE/r7++1n7O0JTaImEdar1HkksetAQ10dWVfpTBNtmq69a/Ra++eFdaP9TZOTl9FolreX16bLIsJlEbYfW5FTeZbc0Im3tt7i3jXtnBRd+vSusdjWhEdjD0Wz3vlOmojJeUJzRn5wGZG0aRNBtA5/Nm0L0zbKYb3Tbmu8BTrp37hyI6A1CBH2steLtfjEEeeRkfqLLiNP0IhN4aVeoqBOa+bwPygUx+AN5V82YNBxN9OMgPTLCJOi5kR8JY1W/wJ/gExeO2S9WuQVXJ2VJCL5OzE9Ty/5wUpQ/s1Pu9Cim5VWRhydGz2ERXe5j7ikdarv490xLpjEoLh0MqouPW700w+tErZtSwi5Y1Ve3tnffyrHGAi2YXSS0LXF/UAD/jBzmEI5dfqzoKYIcUk3njX50bLF24ASEkJCPt2PCLpBu2Ns1x60EeJadn3SdTqe4erqysD8sGG02YNfUiKOaBbxly1+pW3fzxC+o904bzD8L5DBAK8Pmlz32VdLdlru2gXykZDA7UcPKUpKbOrS30ccWQYp4ciOGUJFdTGjxmijl1gxufrjFeVWdxK2Qf97cUccq1MAPY6d3k2IHUePHP1o60w/+ouLpEKmwQjHYPhKmhSHvwtAISCzixcv23HoeZ2Mmj9Il5OfN8chEAgCmlVR2BJLymJeN3rYzg95Yf+44hUIcL5GNLfQiWq5m1Jb8JNHurd3RXpwC75Pqa0uvGf0GjHU1JVG28eusLrzIQTizkx6k7U61IISAamqW9ygO7u2Ybm4QKZs67U7bOLWvmPxJ+zMfirK6mvF9zsQk6wXYhKJO2Ejjqj6l2A5ufMg96RCnN+Ha5nabTD+skWm3fJOQtjPbJ1BiJqaKyrzBWw7nIooHdlyjzGcmtnD+IQvVLFJ0tJHpt7/u9lTU16sZjSL5Z1+cUhzXFwXXFq6MnspJZlCiQpMCT18RN2n660tnTXVIBn2rqx1yaoPrnyBJ2vo1vcYqam2ycmUTEoyLyX0FrJSqVGxcz3skA9Mtlqz17KegpdkuViRYe1YBnWklOSyqMZAju/Vn8cLBCBDOpJ01S69ySaphjkVkatVSjq4mMawsEBIHF/fWyuds3AavkIhV2px1bUrZ83o2jaGF7bkslVUWU+K73bf7TevrkTSfq788fPHGom8QwxF1jJ177oZc8gYclWtR257lbAzTRuD8/j22x///vmfHwuF+fng3ZTRW9tIERc2mtXZ+l+wmyPJUAK+Rqmqqhqkd3ZZk4VUjURC9dPiPFYxa8zqbA27w+0ienPZfjKxnKpUqdTujmWNYQtB868Rqltjq7OyZ2HmNe0PLEoLpb04rVKooaqV6qqy0EBOYNlBuYZKV7XnSm/uvq6HwcwiwZGrsqQk0JfQ6Wo1XdiTwmnkcM6KAUerk95yrTF/RILfWJXVQgJtoJ9SSXd7VsThcFKm3UArGuviQIGbz9HrLW+EF0qh9i1GpZTlzIEWypTjQ8jQMvj8Zkj4omtTER7AFDFm0D0FFGUgp3Jtjm1AHlyvn8cY6XNdX+O0/RotohoXq31cGQrVdxiPUnTME8xG8x5sZxdxfE8hc6bd14eGhYWlhB4LyNz4FqM2WHB71rPxxImilCtX9h0LCLgy/Ojc203/YI1P5MZ416XgDshjPrR8q18Qfh0oodIbG6uB/f/kA/tdvzn9R4ABAHWGjXtENYccAAAAAElFTkSuQmCC
P.S.
URL[Uniform
Resource
Locator]は、URI[Uniform
Resource
Identifier]の一部です。データURIスキームと呼ばれることもあります。