Created
September 15, 2018 20:08
-
-
Save EnnexMB/e5a1f4a903ed4584bf6702c8b16f3b24 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html | |
| PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | |
| <!-- URL syntax railroad diagram | |
| Generated at http://bottlecaps.de/rr/ui on 2018 09 15 | |
| then modified by changing links on terms to point to relevant parts of URL Standard | |
| --> | |
| <html> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| <meta name="generator" content="Railroad Diagram Generator 1.49.1712"><style type="text/css" xml:space="preserve"> | |
| ::-moz-selection | |
| { | |
| color: #FFFCF0; | |
| background: #0F0C00; | |
| } | |
| ::selection | |
| { | |
| color: #FFFCF0; | |
| background: #0F0C00; | |
| } | |
| .ebnf a | |
| { | |
| text-decoration: none; | |
| } | |
| .ebnf a:hover | |
| { | |
| color: #050400; | |
| text-decoration: underline; | |
| } | |
| .signature | |
| { | |
| color: #806600; | |
| font-size: 11px; | |
| text-align: right; | |
| } | |
| body | |
| { | |
| font: normal 12px Verdana, sans-serif; | |
| color: #0F0C00; | |
| background: #FFFCF0; | |
| } | |
| a:link, a:visited | |
| { | |
| color: #0F0C00; | |
| } | |
| a:link.signature, a:visited.signature | |
| { | |
| color: #806600; | |
| } | |
| a.button, #tabs li a | |
| { | |
| padding: 0.25em 0.5em; | |
| border: 1px solid #806600; | |
| background: #F1E8C6; | |
| color: #806600; | |
| text-decoration: none; | |
| font-weight: bold; | |
| } | |
| a.button:hover, #tabs li a:hover | |
| { | |
| color: #050400; | |
| background: #FFF6D1; | |
| border-color: #050400; | |
| } | |
| #tabs | |
| { | |
| padding: 3px 10px; | |
| margin-left: 0; | |
| margin-top: 58px; | |
| border-bottom: 1px solid #0F0C00; | |
| } | |
| #tabs li | |
| { | |
| list-style: none; | |
| margin-left: 5px; | |
| display: inline; | |
| } | |
| #tabs li a | |
| { | |
| border-bottom: 1px solid #0F0C00; | |
| } | |
| #tabs li a.active | |
| { | |
| color: #0F0C00; | |
| background: #FFFCF0; | |
| border-color: #0F0C00; | |
| border-bottom: 1px solid #FFFCF0; | |
| outline: none; | |
| } | |
| #divs div | |
| { | |
| display: none; | |
| overflow:auto; | |
| } | |
| #divs div.active | |
| { | |
| display: block; | |
| } | |
| #text | |
| { | |
| border-color: #806600; | |
| background: #FFFEFA; | |
| color: #050400; | |
| } | |
| .small | |
| { | |
| vertical-align: top; | |
| text-align: right; | |
| font-size: 9px; | |
| font-weight: normal; | |
| line-height: 120%; | |
| } | |
| td.small | |
| { | |
| padding-top: 0px; | |
| } | |
| .hidden | |
| { | |
| visibility: hidden; | |
| } | |
| td:hover .hidden | |
| { | |
| visibility: visible; | |
| } | |
| div.download | |
| { | |
| display: none; | |
| background: #FFFCF0; | |
| position: absolute; | |
| right: 34px; | |
| top: 94px; | |
| padding: 10px; | |
| border: 1px dotted #0F0C00; | |
| } | |
| #divs div.ebnf, div.ebnf | |
| { | |
| display: block; | |
| padding-left: 16px; | |
| padding-top: 2px; | |
| padding-bottom: 2px; | |
| background: #FFF6D1; | |
| } | |
| tr.option-line td:first-child | |
| { | |
| text-align: right | |
| } | |
| tr.option-text td | |
| { | |
| padding-bottom: 10px | |
| } | |
| table.palette | |
| { | |
| border-top: 1px solid #050400; | |
| border-right: 1px solid #050400; | |
| margin-bottom: 4px | |
| } | |
| td.palette | |
| { | |
| border-bottom: 1px solid #050400; | |
| border-left: 1px solid #050400; | |
| } | |
| a.palette | |
| { | |
| padding: 2px 3px 2px 10px; | |
| text-decoration: none; | |
| } | |
| .palette | |
| { | |
| -webkit-user-select: none; | |
| -khtml-user-select: none; | |
| -moz-user-select: none; | |
| -o-user-select: none; | |
| -ms-user-select: none; | |
| } | |
| </style></head> | |
| <body> | |
| <p style="font-size: 14px; font-weight:bold"><a href="https://url.spec.whatwg.org/#urls" title="URL">URL</a>:</p> | |
| <img border="0" src="URL syntax railroad diagram.png" height="358" width="882" usemap="#URL.map"><map name="URL.map"> | |
| <area shape="rect" coords="29,1,95,33" href="https://url.spec.whatwg.org/#concept-url-scheme" title="scheme"> | |
| <area shape="rect" coords="275,97,353,129" href="https://url.spec.whatwg.org/#concept-url-username" title="username"> | |
| <area shape="rect" coords="437,129,515,161" href="https://url.spec.whatwg.org/#concept-url-password" title="password"> | |
| <area shape="rect" coords="625,65,671,97" href="https://url.spec.whatwg.org/#concept-url-host" title="host"> | |
| <area shape="rect" coords="755,97,799,129" href="https://url.spec.whatwg.org/#concept-url-port" title="port"> | |
| <area shape="rect" coords="47,215,107,247" href="https://url.spec.whatwg.org/#concept-url-path" title="path-0"> | |
| <area shape="rect" coords="95,259,155,291" href="https://url.spec.whatwg.org/#concept-url-path" title="path-1"> | |
| <area shape="rect" coords="243,291,303,323" href="https://url.spec.whatwg.org/#concept-url-path" title="path-2"> | |
| <area shape="rect" coords="391,323,449,355" href="https://url.spec.whatwg.org/#concept-url-path" title="path-n"> | |
| <area shape="rect" coords="595,215,649,247" href="https://url.spec.whatwg.org/#concept-url-query" title="query"> | |
| <area shape="rect" coords="759,215,833,247" href="https://url.spec.whatwg.org/#concept-url-fragment" title="fragment"></map> | |
| <p> | |
| <div class="ebnf"> | |
| <pre> | |
| <a href="https://url.spec.whatwg.org/#urls" title="URL" shape="rect">URL</a> ::= | |
| <a href="https://url.spec.whatwg.org/#concept-url-scheme" title="scheme" shape="rect">scheme</a> ':' | |
| ('//' ((<a href="https://url.spec.whatwg.org/#concept-url-username" title="username" shape="rect">username</a> | |
| (':' <a href="https://url.spec.whatwg.org/#concept-url-password" title="password" shape="rect">password</a>)? '@')? | |
| <a href="https://url.spec.whatwg.org/#concept-url-host" title="host" shape="rect">host</a> | |
| (':' <a href="https://url.spec.whatwg.org/#concept-url-port" title="port" shape="rect">port</a> )? | |
| )? )? | |
| (<a href="https://url.spec.whatwg.org/#concept-url-path" title="path-0" shape="rect">path-0</a> | |
| | '/' <a href="https://url.spec.whatwg.org/#concept-url-path" title="path-1" shape="rect">path-1</a> | |
| ('/' <a href="https://url.spec.whatwg.org/#concept-url-path" title="path-2" shape="rect">path-2</a> | |
| ('/' <a href="https://url.spec.whatwg.org/#concept-url-path" title="path-n" shape="rect">path-n</a>)? | |
| )? )? | |
| ('?' <a href="https://url.spec.whatwg.org/#concept-url-query" title="query" shape="rect">query</a>)? | |
| ('#' <a href="https://url.spec.whatwg.org/#concept-url-fragment" title="fragment" shape="rect">fragment</a>)? | |
| </pre></div> | |
| </p> | |
| <table class="signature" border="0"> | |
| <tr> | |
| <td style="width: 100%"> </td> | |
| <td valign="top"> | |
| <nobr class="signature">... generated by <a name="Railroad-Diagram-Generator" class="signature" title="http://www.bottlecaps.de/rr/ui" href="http://www.bottlecaps.de/rr/ui" target="_blank">Railroad Diagram Generator</a></nobr> | |
| </td> | |
| <td><a name="Railroad-Diagram-Generator" title="http://www.bottlecaps.de/rr/ui" href="http://www.bottlecaps.de/rr/ui" target="_blank"> | |
| <img border="0" src="diagram/Railroad-Diagram-Generator.png" height="16" width="16"></a></td> | |
| </tr> | |
| </table> | |
| </p> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment