How many ways can you slice a URL and name the pieces?

on (ttk.me b/4DY1) using BBEdit

While researching a way to describe different parts of a URL for a runtime interface, I was shocked to discover that over the years, different specifications, implementations, and communities had developed an incredible variety of ways to slice and name the pieces of a URL.

I remember seeing XKCD 927 recently, laughing at the familiarity, and what appeared at the time to be quite a bit of exaggeration. 14 competing standards, hah.

XKCD Cartoon 927: Standards: 14 competing plus one more universal standard makes 15

I was developing a small single purpose microsite and decided to build it using CASSIS not just for application logic, but for the server-side runtime execution and flow as well. I figured the needs of a simple real world site would work well to drive the design of a simple runtime.

No need to invent anything new, just re-use Apache/CGI environment variables (e.g. as used in PHP, like SERVER_NAME). But they look like old C constants, and CASSIS coders will be more familiar with Javascript.

Window.location's properties seem reasonable, until you get to "search" for the "?" query part of a URL. What about the source, the specs for URL and HTTP? And that's when I started to see the problem.

With a little more research I found a half-dozen different ways to slice and dice URLs. Kevin Marks asked me, what about Python? And that made seven. I published my research publicly on the microformats wiki, which is a good place to document existing formats for something (a key step in the microformats process).

Among all the differences (and overloading of the same terms to mean different things) it did seem that there were some patterns. So I made a diagram of a sample URL, chopped into pieces and named according to seven eight nine ten twelve different conventions over the years, in the hopes that doing so might reveal such patterns.

~1994 URL RFC schemeinternet domain nameport number pathfragmentid
~1996 HTTP RFC absoluteURIfragment
schemerelativeURI (net_path)
~1996 DOM window.location protocolhostpathnamesearchhash
~1998 Perl schemeopaquefragment
host_port or authoritypathquery
1999 Mozilla nsIURI / nsIURL prePathpath
~2000 Python 2 schemenetlocpathqueryfragment
~2005 URI RFC schemehier-partqueryfragment
2007 Googler protocolhost or hostnameportpathparametersfragment
2010-2011 Node.js URL href
hostnameport query
2011 jQuery Mobile parseUrl href
protocolhost or authoritydirectoryfilename
2011 Adactio protocoldomainportpath??????

URL parts as (re)named over the years. Copyright 2011 CC-BY-3.0, please attribute Tantek Çelik (tantek.com).

I hope you find this diagram useful to both understand the many names for different parts of URLs, and what someone might mean when they use one of them.

Also available in image form (as of 2011-08-26, 720x350) image form (as of 2011-09-18, 748x644)

URL parts as (re)named over the years.

If you publish it, please link it to this blog post: http://tantek.com/b/4DY1

And if you know of other standards, implementations, or even cultural conventions that split up URLs and name the pieces differently than the above, please let me know. Note: username & password were omitted for simplification (and you shouldn't be using http-auth anyway); params omitted because it's obsolete.

A few conclusions:

The highlighted subset of terms should work just fine for a new CASSIS web app runtime convention, thus inevitably fulfilling the expectations as documented and foretold by XKCD 927.

Thanks to Erin Jo Richey, Ian Fung, Kevin Marks, Ben Metcalfe, and Violet Blue for feedback and reviewing drafts of the diagram.

Update 2011-08-31: Thanks also to Jeremy Leader for IMing me the info about Perl, including a sample Perl script that slices up the example URL, as well as its output, and 1998 reference to URI library 0.01 readme.

Update 2011-09-01: Thanks to Wladimir Palant for reminding me about the Mozilla XPCOM interfaces nsIURI and nsIURL and their respective IDL files, used by Firefox extension developers.

Update 2011-09-02: I've added Node.js's URL class, originally documented in 2010 because of the debate on github, as well as jQuery Mobile's path.parseUrl thanks to Scott Jehl sending me the results of parsing the example URL into the various properties.