Коренева URL-адреса починається з /
символу, щоб виглядати щось на зразок <a href="https://stackoverflow.com/directoryInRoot/fileName.html">link text</a>
.
Посилання, яке ви опублікували: <a href="fruits/index.html">Back to Fruits List</a>
посилається на файл html, який знаходиться в імені каталогу fruits
, при цьому каталог знаходиться в тому ж каталозі, що і сторінка html, на якій відображається це посилання.
Щоб зробити його кореневою URL-адресою, змініть її на:
<a href="/fruits/index.html">Back to Fruits List</a>
Відредаговано у відповідь на запитання, у коментарях від ОП:
Таким чином, робити / зробить це відносно www.example.com, чи є спосіб вказати, що таке корінь, наприклад, що робити, якщо я хочу, щоб корінь був www.example.com/fruits в www.example.com/fruits/ яблука / apple.html?
Так, попередньо вказавши URL-адресу в атрибутах href
або src
атрибутах, /
буде зроблено шлях відносно кореневого каталогу. Наприклад, якщо сторінка HTML на www.example.com/fruits/apples.html
, по a
по href="https://stackoverflow.com/vegetables/carrots.html"
бажанню посилання на сторінку www.example.com/vegetables/carrots.html
.
Елемент base
тегу дозволяє вказати базовий uri для цієї сторінки (хоча base
тег повинен бути доданий до кожної сторінки, на якій потрібно було використовувати конкретну базу, для цього я просто наведу приклад W3:
Наприклад, з урахуванням наступних декларацій BASE та декларації:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<TITLE>Our Products</TITLE>
<BASE href="http://www.aviary.com/products/intro.html">
</HEAD>
<BODY>
<P>Have you seen our <A href="../cages/birds.gif">Bird Cages</A>?
</BODY>
</HTML>
відносний URI "../cages/birds.gif" вирішив би:
http://www.aviary.com/cages/birds.gif
Приклад цитується з: http://www.w3.org/TR/html401/struct/links.html#h-12.4 .
Пропоноване читання:
/
зробить це відносноwww.example.com
, чи є спосіб вказати, що таке корінь, наприклад, що робити, якщо я хочу, щоб він бувwww.example.com/fruits
у кореніwww.example.com/fruits/apples/apple.html
?