images/docs/guide/hashbang_vs_regular_url.svg
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xl="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 756 553" width="63pc" height="553pt" xmlns:dc="http://purl.org/dc/elements/1.1/"><metadata> Produced by OmniGraffle 6.5.2 <dc:date>2011-07-22 08:32:29 +0000</dc:date></metadata><defs><filter id="Shadow" filterUnits="userSpaceOnUse"><feGaussianBlur in="SourceAlpha" result="blur" stdDeviation="1.308"/><feOffset in="blur" result="offset" dx="0" dy="2"/><feFlood flood-color="black" flood-opacity=".5" result="flood"/><feComposite in="flood" in2="offset" operator="in"/></filter><marker orient="auto" overflow="visible" markerUnits="strokeWidth" id="FilledArrow_Marker" viewBox="-9 -4 10 8" markerWidth="10" markerHeight="8" color="black"><g><path d="M -8 0 L 0 3 L 0 -3 Z" fill="currentColor" stroke="currentColor" stroke-width="1"/></g></marker><font-face font-family="Courier New" font-size="12" panose-1="2 7 6 9 2 2 5 2 4 4" units-per-em="1000" underline-position="-232.91016" underline-thickness="100.097656" slope="0" x-height="443.35938" cap-height="591.79688" ascent="832.51953" descent="-300.29297" font-weight="bold"><font-face-src><font-face-name name="CourierNewPS-BoldMT"/></font-face-src></font-face><font-face font-family="Helvetica" font-size="13" units-per-em="1000" underline-position="-75.683594" underline-thickness="49.316406" slope="0" x-height="522.94922" cap-height="717.28516" ascent="770.01953" descent="-229.98047" font-weight="500"><font-face-src><font-face-name name="Helvetica"/></font-face-src></font-face><font-face font-family="Helvetica" font-size="18" units-per-em="1000" underline-position="-75.683594" underline-thickness="49.316406" slope="0" x-height="532.22656" cap-height="719.72656" ascent="770.01953" descent="-229.98047" font-weight="bold"><font-face-src><font-face-name name="Helvetica-Bold"/></font-face-src></font-face></defs><g stroke="none" stroke-opacity="1" stroke-dasharray="none" fill="none" fill-opacity="1"><title>Canvas 1</title><rect fill="white" width="756" height="553"/><g><title>Layer 1</title><g><xl:use xl:href="#id485_Graphic" filter="url(#Shadow)"/><xl:use xl:href="#id621_Graphic" filter="url(#Shadow)"/><xl:use xl:href="#id623_Graphic" filter="url(#Shadow)"/><xl:use xl:href="#id642_Graphic" filter="url(#Shadow)"/><xl:use xl:href="#id655_Graphic" filter="url(#Shadow)"/></g><line x1="11" y1="133" x2="554" y2="133" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke-dasharray="4,4"/><rect x="200.699" y="107" width="144" height="52" fill="white"/><rect x="41" y="112" width="125" height="52" fill="white"/><line x1="242.57206" y1="90.0206" x2="149" y2="120" marker-start="url(#FilledArrow_Marker)" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><g id="id485_Graphic"><text transform="translate(141 63.6237)" fill="black"><tspan font-family="Courier New" font-size="12" font-weight="bold" x=".5830078" y="10" textLength="100.816406">http://foo.com</tspan><tspan font-family="Courier New" font-size="12" font-weight="bold" fill="#8000ff" x="101.399414" y="10" textLength="28.804688">/bar</tspan><tspan font-family="Courier New" font-size="12" font-weight="bold" x="130.2041" y="10" textLength="7.201172">?</tspan><tspan font-family="Courier New" font-size="12" font-weight="bold" fill="#408000" x="137.40527" y="10" textLength="50.408203">baz=23#</tspan><tspan font-family="Courier New" font-size="12" font-weight="bold" fill="blue" x="187.81348" y="10" textLength="21.603516">baz</tspan></text></g><g id="id621_Graphic"><text transform="translate(123 194.6897)" fill="black"><tspan font-family="Courier New" font-size="12" font-weight="bold" x=".78125" y="10" textLength="122.41992">http://foo.com/#!</tspan><tspan font-family="Courier New" font-size="12" font-weight="bold" fill="#8000ff" x="123.20117" y="10" textLength="28.804688">/bar</tspan><tspan font-family="Courier New" font-size="12" font-weight="bold" x="152.00586" y="10" textLength="7.201172">?</tspan><tspan font-family="Courier New" font-size="12" font-weight="bold" fill="#408000" x="159.20703" y="10" textLength="50.408203">baz=23#</tspan><tspan font-family="Courier New" font-size="12" font-weight="bold" fill="blue" x="209.61523" y="10" textLength="21.603516">baz</tspan></text></g><g id="id623_Graphic"><text transform="translate(41 126.5)" fill="black"><tspan font-family="Courier New" font-size="12" font-weight="bold" x="9.390625" y="10" textLength="72.01172">$location.</tspan><tspan font-family="Courier New" font-size="12" font-weight="bold" fill="#8000ff" x="81.402344" y="10" textLength="43.20703">path()</tspan></text></g><line x1="302" y1="96.9" x2="302" y2="120" marker-start="url(#FilledArrow_Marker)" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><line x1="247.74269" y1="187.42714" x2="149" y2="150" marker-start="url(#FilledArrow_Marker)" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><g id="id642_Graphic"><text transform="translate(208 126.5)" fill="black"><tspan font-family="Courier New" font-size="12" font-weight="bold" x="2.1894531" y="10" textLength="72.01172">$location.</tspan><tspan font-family="Courier New" font-size="12" font-weight="bold" fill="#408000" x="74.20117" y="10" textLength="57.609375">search()</tspan></text></g><line x1="302" y1="173.1" x2="302" y2="150" marker-start="url(#FilledArrow_Marker)" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><text transform="translate(14 192)" fill="black"><tspan font-family="Helvetica" font-size="13" font-weight="500" x=".25097656" y="13" textLength="92.498047">Hashbang URL:</tspan></text><text transform="translate(14 61.1237)" fill="black"><tspan font-family="Helvetica" font-size="13" font-weight="500" x=".12231445" y="13" textLength="78.75537">Regular URL:</tspan></text><text transform="translate(246.5 15)" fill="black"><tspan font-family="Helvetica" font-size="18" font-weight="bold" x=".0048828125" y="18" textLength="111.990234">HTML5 Mode</tspan></text><text transform="translate(201.5 240.126)" fill="black"><tspan font-family="Helvetica" font-size="18" font-weight="bold" x="31.496094" y="18" textLength="139.00781">Hashbang Mode</tspan><tspan font-family="Helvetica" font-size="18" font-weight="bold" x=".49267578" y="40" textLength="201.01465">(HTML5 Fallback Mode)</tspan></text><rect x="378" y="112" width="144" height="52" fill="white"/><g id="id655_Graphic"><text transform="translate(379 126.5)" fill="black"><tspan font-family="Courier New" font-size="12" font-weight="bold" x="9.390625" y="10" textLength="72.01172">$location.</tspan><tspan font-family="Courier New" font-size="12" font-weight="bold" fill="blue" x="81.402344" y="10" textLength="43.20703">hash()</tspan></text></g><line x1="365.25817" y1="187.42939" x2="472" y2="147" marker-start="url(#FilledArrow_Marker)" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><line x1="356.53334" y1="87.669336" x2="472" y2="120" marker-start="url(#FilledArrow_Marker)" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></g></g></svg>