What is the difference between absolute and relative URLs in links?

URLs are used in HTML links to point to other web pages or resources. There are two main types of URLs used in links: absolute and relative.

What is an Absolute URL?

An absolute URL includes the complete address of a resource, including the protocol, domain name, and path.

Example of an Absolute URL

<a href="https://www.example.com/about.html">About Us</a>

This link will work from any webpage because it contains the full address.

What is a Relative URL?

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

Example of a Relative URL

<a href="about.html">About Us</a>

This link works only if about.html is in the same directory as the current page.

Key Differences

When to Use Which?

• Use absolute URLs for linking to external websites
• Use relative URLs for linking within the same website
• Relative URLs make websites easier to move between domains

Conclusion

Absolute and relative URLs serve different purposes in HTML links. Understanding when to use each helps build flexible and well-structured websites.

Choosing the correct URL type improves site maintenance and link management.