Absolute vs relative URLs in HTML - Quick Revision & Key Differences

Recall & Review

beginner

What is an absolute URL?

An absolute URL is a full web address that includes the protocol (like https://), domain name, and the full path to a resource. It points to the exact location on the internet.

beginner

What is a relative URL?

A relative URL points to a resource based on the current page's location. It does not include the domain name or protocol, just the path relative to the current page.

beginner

Example of an absolute URL?

https://example.com/images/photo.jpg is an absolute URL because it includes the protocol (https://) and the full domain name.

beginner

Example of a relative URL?

images/photo.jpg is a relative URL because it points to a file inside the 'images' folder relative to the current page.

intermediate

Why use relative URLs instead of absolute URLs?

Relative URLs make it easier to move or copy a website to a different domain without changing all links. They also keep links shorter and simpler.

Which URL is absolute?

A https://mysite.com/about.html

B about.html

C /images/logo.png

D ../contact.html

Only option C includes the full protocol and domain, making it an absolute URL.

What does a relative URL depend on?

A The browser type

B The internet speed

C The current page's location

D The server's IP address

Relative URLs depend on where the current page is located to find the resource.

Which is a benefit of using relative URLs?

A They always load faster

B Links work even if the site domain changes

C They include the full domain name

D They require no folder structure

Relative URLs make it easier to move a site without changing all links.

Which URL is relative?

A /css/styles.css

B https://example.com/index.html

C http://example.com/page

D https://cdn.example.com/script.js

Option A starts with a slash but no domain, so it is relative to the root of the current domain.

What does an absolute URL always include?

A Only the file extension

B Only the file name

C Only the folder path

D Protocol and domain name

Absolute URLs always include the protocol (like https://) and the domain name.

Explain the difference between absolute and relative URLs in your own words.

Think about whether the URL includes the full web address or just a path.

Why might a web developer choose to use relative URLs instead of absolute URLs?

Consider what happens if the website address changes.