Чим відрізняються абсолютні та відносні посилання?
Абсолютні та відносні посилання відрізняються тим, як вони вказують шлях до ресурсу (сторінки, файлу, зображення тощо).
Абсолютне посилання
Абсолютне посилання містить повний шлях до ресурсу: із зазначенням протоколу (http:// або https://), домену і за потреби, папок та файлів.
Приклад:
html
<a href="https://example.com/images/photo.jpg">Переглянути фото</a>Особливості:
- Працює завжди і всюди, незалежно від того, де розміщений HTML-файл.
- Використовується, коли потрібно перейти на інший сайт або точно вказати адресу сторінки.
- Мінус: якщо сайт або домен зміниться, посилання перестане працювати.
Приклад переходу між сайтами:
html
<a href="https://wikipedia.org/wiki/HTML">Детальніше у Вікіпедії</a>Відносне посилання
Відносне посилання вказує шлях відносно поточного файлу або каталогу. Воно не містить домену і протоколу.
Приклади:
html
<a href="about.html">Про компанію</a> <!-- Файл у тій самій папці -->
<a href="folder/page.html">Детальніше</a> <!-- Вкладена папка -->
<a href="../index.html">На головну</a> <!-- На рівень вище -->Особливості:
- Працює тільки в межах одного сайту.
- Зручне під час розробки, під час перенесення сайту посилання не потрібно змінювати.
- Браузер сам підставляє поточний домен.
Головна відмінність:
| Тип посилання | Як виглядає | Де використовується | Приклад |
|---|---|---|---|
| Абсолютне | Повний URL з доменом | Для переходу на інший сайт | https://example.com/about.html |
| Відносне | Шлях усередині сайту | Для внутрішніх сторінок | about.html або ../index.html |
Висновок: Абсолютні посилання - це як повна адреса з містом і країною. Відносні - як вказівка «поверни за ріг» у межах одного району.
Коротка відповідь
Для співбесідиPremium
Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.