The Difference Between Absolute and Relative File Paths GA S REGULAR Menu Lifewire Tech for Humans Newsletter! Search Close GO Software & Apps > File Types 58 58 people found this article helpful

Absolute and Relative Paths

Understanding the difference between an Absolute and Relative URL path

By Jennifer Kyrnin Jennifer Kyrnin Freelance Contributor University of California University of Washington Jennifer Kyrnin is a professional web developer who assists others in learning web design, HTML, CSS, and XML. lifewire's editorial guidelines Updated on March 11, 2020 Tweet Share Email JuSun / Getty Images Tweet Share Email File Types File Types Apps Windows MS Office Linux Google Drive Backup & Utilities Design Cryptocurrency No aspect of web design is more web-centric than hyperlinks. Creating a link on a page to help visitors to easily access other content is one of the defining traits that set websites apart from other communication mediums like newspapers and radio. These links are easy to add to a page, but some designers get confused about the optimal implementation because there are two standard ways to create links and two kinds of paths that you can use — absolute and relative paths.

Absolute Path URLs

Absolute paths use URLs that refer to a specific, fully identified location on the internet. These paths include a domain name as part of the link path itself. Use an absolute path to point to web elements that are on a domain other than your own. For example, to link to a page on a different website you must include the full URL. That link would simply add the element inside the page with the URL used as the value of the href attribute for that link. You're also free to use absolute-path URLs on your own domain, with the caveat that if you move among subdomains or among directories on your own server, absolute paths may break. To avoid this problem, the file paths for any local resources should use relative paths.

Relative Path URLs

Relative paths change depending upon the page the links are on — they are relative to the page that they are one (hence the name). If you link to a page on your own site or an image inside of an images directory on that site, a relative path is what you will likely use. Relative paths do not use the full URL of a page. There are several rules to creating a link using the relative path: Links in the same directory as the current page have no path information listed:filenameSub-directories are listed without any preceding slashes:weekly/filenameLinks up one directory are listed as:../filename If you are linked off-site, you will use an absolute path that includes the full path to whatever you wish to connect to. If you are linked to a file on the domain which the page you are coding resides, use a relative path that essentially navigates from the page you are on, through the file structure of the site, and finally to the resource you need. Was this page helpful? Thanks for letting us know! Get the Latest Tech News Delivered Every Day Subscribe Tell us why! Other Not enough details Hard to understand Submit More from Lifewire How to Preview Your Web Pages Before You Upload Them What Is a Web Browser? Definition of FQDN (Fully Qualified Domain Name) What Is a 401 Unauthorized Error and How Do You Fix It? Home Pages: What Are They? M3U File (What It Is & How to Open One) How to Fix a 404 Page Not Found Error The 9 Best Free PDF Editors (October 2022) How to Use the Garmin Connect Course Creator Tool How to Fix the 400 Bad Request Error How to Find a Website How to Remove Your Information From the Web How to Insert a Link in an Email With Mac OS X Mail Net Send Command (Examples, Switches, and More) How to Set the Home Page to Your Favorite Website How to View the HTML Source in Google Chrome Newsletter Sign Up Newsletter Sign Up Newsletter Sign Up Newsletter Sign Up Newsletter Sign Up By clicking “Accept All Cookies”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. Cookies Settings Accept All Cookies