<?xml version="1.0" encoding="UTF-8"?>
<!-- Created by Peter Kroener (http://www.peterkroener.de/) modified for web by Andreas Fritsch (http://www.pixelfans.de) -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
<defs>
<filter id="dropshadow"> 
    <feGaussianBlur in="SourceAlpha" stdDeviation="1" result="blur"/>    
    <feOffset in="blur" dx="1" dy="1" result="offsetBlur"/>    
    <feMerge> 
        <feMergeNode in="offsetBlur"/>
        <feMergeNode in="SourceGraphic"/>
    </feMerge>
</filter>
<circle id="circleMath" cx="93" cy="340" r="25" />
<use id="useSymbol" xlink:href="#circleMath" transform="matrix(0.3015,0,0,0.3015,0.3771,316.6)" />
</defs>
 <g id="HTML5-Grafik">
 <rect id="bg" height="600" width="723" stroke="#000" stroke-linecap="round" stroke-miterlimit="4" y="15.22" x="8.571" stroke-width="1" fill="#fff"/>
 <use id="outercircle" xlink:href="#circleMath" transform="matrix(10.39,0,0,9.885,-511.8,-3059)" fill="#f7f7d3" stroke="#ebe7a1" stroke-width="0.5" stroke-dasharray="0.8,0.5" />
 <use id="middlecircle" xlink:href="#circleMath" transform="matrix(7.343,0,0,7.343,-277.9,-2181)" fill="#89eb95" stroke="#67e576" stroke-width="0.5"/>
 <use id="innercircle" xlink:href="#circleMath" transform="matrix(5.18,0,0,5.18,-112,-1451)" stroke="#35637b" stroke-width="0.5" fill="#417997"/>
 <use id="use3877" xlink:href="#circleMath" transform="matrix(2.1,0,0,2.05,428,-285)" fill="#f0b9e1" stroke-width="2" stroke="#eb93e9" stroke-dasharray="2,2"/>
 <use id="use3873" xlink:href="#circleMath" transform="translate(509.3,83.57)" fill="#89eb95" stroke="#67e576" stroke-width="2" />
<g stroke="#35637b" stroke-width="2" fill="#417997">
<use xlink:href="#circleMath" transform="translate(382.9,-245.7)" />
<use xlink:href="#circleMath" transform="translate(432.1,-97.86)" />
<use xlink:href="#circleMath" transform="translate(390,-147.9)" />
<use xlink:href="#circleMath" transform="translate(334.3,-177.9)" />
<use xlink:href="#circleMath" transform="translate(-0.3571,-74.29)"/>
<use xlink:href="#circleMath" transform="translate(555.7,-35.71)" />
<use xlink:href="#circleMath" transform="translate(542.9,55)" />
<use xlink:href="#circleMath" transform="translate(530.7,-127.9)" />
<use xlink:href="#circleMath" />
</g>
<use xlink:href="#circleMath" transform="translate(476.4,-207.9)" stroke="#cc5a00" stroke-width="2" fill="#ff7000" />
<g id="gsymbols">
<use xlink:href="#useSymbol" stroke="#35637b" stroke-width="4" fill="#417997"/>
 <use id="use3921" xlink:href="#useSymbol" transform="translate(0,18)" fill="#89eb95" stroke="#67e576" stroke-width="4"/>
 <use id="use3923" xlink:href="#useSymbol" transform="translate(0,-18)" fill="#f7f7d3" stroke="#ebe7a1" stroke-width="4" stroke-dasharray="0.8,0.5" />
 <use id="use3925" xlink:href="#useSymbol" transform="translate(0,36)" stroke="#cc5a00" stroke-width="4" fill="#ff7000" />
 <use id="use3927" xlink:href="#useSymbol" transform="translate(0,54)" stroke="#226a8b" stroke-dasharray="3,3" stroke-width="4" fill="#6aa4bf"/>
 <use id="use3929" xlink:href="#useSymbol" transform="translate(0,72)" fill="#f0b9e1" stroke-width="4" stroke="#eb93e9" stroke-dasharray="2,2"/>
</g>
<g id="alltext" style="font-family:Anivers">
<g id="grafikdescription" style="fill:#000; font-size:12px">
 <text y="57" x="22">Umgangssprachliches so genanntes</text>
 <text font-size="56px" y="116" x="22">HTML5</text>
 <text x="22" y="144">bezeichnet eine Vielzahl neuer Web-<tspan x="22" y="159">Technologien, von denen nicht alle</tspan><tspan x="22" y="174">etwas miteinander zu tun haben.</tspan></text>
</g>
<g id="grafiklegend" style="font-size:9px; fill:#000">
 <text font-size="10px" y="304" x="33">Andere W3C-Spezifikationen</text>
 <text y="404" x="40">So genannte HTML5-Technologien</text>
 <text x="40" y="422">W3C-Spezifikation</text>
 <text x="40" y="440">WHATWG_Spezifikation</text>
 <text x="40" y="458">Andere Spezifikation</text>
 <text x="40" y="476">HTML5-Feature</text>
 <text x="40" y="494">Anderes Feature</text>
 <text x="22" y="534">Creative Commons Namensnennung 3.0 Deutschland-Lizenz</text>
 <text x="22" y="545">Peter Kröner, http://html5-buch.de</text>
 </g>
 <text id="textref" x="175" y="298" font-size="9px">referenziert</text>
 <use id="use2937" xlink:href="#textref" transform="translate(350,0)"/>
</g>

 <g id="garrow" transform="translate(2.02,-30.56)">
<line x1="160" y1="333" x2="236" y2="333" stroke="#000" stroke-width="3"/> 
 <path id="arrow" d="m154,334,10.5,4.7-0.2-10z" fill-rule="evenodd" fill="#000"/>
 </g>
 <use id="arrawright" xlink:href="#garrow" transform="matrix(-1.588,0,0,-1,876,606.9)" />
 <g id="ginnercircle" stroke="#226a8b" stroke-dasharray="3,3" stroke-width="4" fill="#6aa4bf">
 <use xlink:href="#circleMath" transform="translate(208.6,-102)"/>
 <use xlink:href="#circleMath" transform="translate(181.3,-36.37)"/>
 <use xlink:href="#circleMath" transform="translate(208.6,27.78)"/>
 <use xlink:href="#circleMath" transform="translate(272.8,55.06)" />
 <use xlink:href="#circleMath" transform="translate(273.8,-128.8)" />
 <use xlink:href="#circleMath" transform="translate(338.4,-101.5)" />
 <use xlink:href="#circleMath" transform="translate(364.7,-37.38)" />
 <use xlink:href="#circleMath" transform="translate(337.4,28.28)" />
 </g>
<g id="label" style="fill:#fff; font-size:9px; font-family:Anivers; text-align:center; filter:url(#dropshadow)"> 
 <text x="82.054771" y="263.93045">WAI-<tspan x="82.054771" y="275.18045">ARIA</tspan></text>
 <text y="344" x="75">MathML</text>
<text x="283" y="235">HTML5-<tspan x="279" y="246">Formulare</tspan></text>
 <text x="255" y="300">Formular-<tspan x="251" y="311">Validierung</tspan></text>
 <text x="290" y="366">App.<tspan x="285" y="377">Cache</tspan></text>
 <text y="391" x="350">Neue<tspan y="401" x="345">Attribute</tspan></text>
 <text x="355" y="206">Sem.<tspan x="348" y="216">Elemente</tspan></text>
 <text x="409" y="237">Vereinheit-<tspan x="410" y="248">lichungen</tspan></text>
 <text x="435" y="307">Einbettung</text>
 <text x="418" y="358">Neue<tspan x="418" y="370">DOM-</tspan><tspan x="418" y="381">APIs</tspan></text>
 <text x="410" y="158">Device-<tspan x="408" y="169">Element</tspan></text>
 <text x="470" y="189">Canvas<tspan x="475" y="200">2D</tspan></text>
 <text x="510" y="240">Micro-<tspan x="513" y="251">Data</tspan></text>
 <text x="460" y="91">Geo-<tspan x="455" y="102">Location</tspan></text>
 <text x="553" y="135">WebGL</text>
 <text x="605" y="207">Web SQL<tspan x="605" y="218">Database</tspan></text>
 <text x="635" y="306">SVG</text>
 <text id="textref2" x="625" y="392">Web<tspan x="615" y="404">Workers</tspan></text>
 <use id="use3847" xlink:href="#textref2" transform="translate(-35,28)" />
 <text transform="matrix(0.82,-0.58,0.58,0.84,0,0)" font-size="32px" y="618" x="35">WHATWG HTML</text>
 <text transform="matrix(0.86,-0.51,0.51,0.86,0,0)" font-size="43px" y="697" x="130">HTML5</text>
 <text font-size="32px" x="325" y="294">W3C<tspan x="325" y="334">HTML5</tspan></text>
</g>
 </g>
</svg>

