🎄 Get 50% off from our JavaScript course for the holidays! 🎄
What is the Difference Between A URL And A URI?

What is the Difference Between A URL And A URI?

Understanding core concepts of the web

Ferenc Almasi • 🔄 2021 July 28 • 📖 3 min read

As a developer, you’ve already heard about URL countless times. You may have also come across URI before and now you want to know what is the difference between the two if there’s any. They are often used interchangeably but we have to differentiate between the two. Before doing a comparison, let’s see what each of them means by definition.

Looking to improve your skills? Check out our interactive course to master JavaScript from start to finish.
JavaScript Course

What is a URL?

A Uniform Resource Locator or URL for short — as the name suggests — is a reference for a resource and a way to access that resource. It is often referred to as the address of a website. The one you find in your address bar.

URL of a search in Google

A URL is made up of a couple of different parts:

To demonstrate it through the above image, this is how the URL would look like in a diagram:

Diagram of the different parts of a URL

What is a URI?

Now that you fully understand how a URL is made up, let’s see what exactly is a URI. Just like a URL, a Uniform Resource Identifier also provides a way to identify resources. But unlike URLs, they don’t necessarily provide the means to locate said resources.

An example for a URI — that is not a URL — is an ISBN number that is used for identifying books. It clearly identifies the resource with a unique number, but it does not provide any means to actually reach the resource.

Therefore, we can conclude that a URI is a superset of URLs and that each URL is essentially a URI as well.


The Difference Illustrated

To illustrate how they are connected, take a look at the following Venn diagram:

Diagram showing the connection between URI and URL

Really a URL is a type of URI, that also includes information on how to access a resource. If there’s only one thing to take from this tutorial, be it this one sentence from RFC3986:

The term “Uniform Resource Locator” (URL) refers to the subset of URIs that, in addition to identifying a resource, provide a means of locating the resource by describing its primary access mechanism.

Summary

As web developers, we have to memorize lots of acronyms and initialisms. The deeper you understand core concepts about how the internet works, the easier you can do your job, the higher the quality of your work will be, and the more knowledgeable you will become.

With this tutorial, now you also know the difference between URI and URL. If you still have any doubts in your head, don’t hesitate to ask questions in the comments section. Thank you for reading through, happy coding!

Share on
  • twitter
  • facebook
JavaScript Course Dashboard

Tired of looking for tutorials?

You are not alone. Webtips has more than 400 tutorials which would take roughly 75 hours to read.

Check out our interactive course to master JavaScript in less time.

Learn More

Recommended

🎉 Thank you for subscribing to our newsletter. x