Document-relative paths Document-relative paths are the most appropriate paths to use for local links in most websites. They’re particularly useful when the current document and the linked document are in the same folder and are likely to remain together. You can also use a document-relative path to link to a document in another folder by specifying the path through the folder hierarchy from the current document to the linked document.
The basic idea of document-relative paths is to omit the part of the absolute URL that is the same for both the current document and the linked document, providing only the portion of the path that differs.
To link to another file in the same folder as the current document, simply
enter the filename.
To link to a file in a subfolder of the current document’s folder, provide
the name of the subfolder, then a forward slash (/), and then the filename.
To link to a file in the parent folder of the current document’s folder,
precede the filename with ../ (where “..” means “up one level
in the folder hierarchy”).
For example, suppose you have a site with the following structure:
To link from contents.html to other files:
To link from contents.html to hours.html (both files are in the same folder),
the filename is the relative path: hours.html.
To link to tips.html (in the subfolder named resources), use the relative path
resources/tips.html.
Each forward slash (/) represents moving down one level in the folder hierarchy.
To link to index.html (in the parent folder, one level above contents.html),
use the relative path ../index.html.
Each ../ represents moving up one level the folder hierarchy.
To link to catalog.html (in a different subfolder of the parent folder), use
the relative path ../products/catalog.html.
The ../ moves up to the parent folder; the products/ moves down into the products
subfolder.
Note: Always save a new file before creating a document-relative path; a document-relative path is not valid without a definite starting point. If you create a document-relative path before saving the file, temporarily uses an absolute path beginning with file:// until the file is saved; when you save the file, converts the file:// path into a relative path.
When you move a group of files as a group—for example, when you move an entire folder, so that all the files inside that folder retain the same relative paths to each other—you don’t need to update document-relative links between those files. However, when you move an individual file that contains document-relative links, or an individual file that’s linked to by a document-relative link, you do need to update those links. (If you move or rename files using the Site panel, updates all relevant links automatically.)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100