У цьому розділі:
У цій частині самовчителя ми познайомимося з новими для вас термінами, які використовуються при описі папок і HTML-елементів.
Примітка: папку також часто називають Директорією або каталогом.
структура сайту
Не тримайте всі файли в одній папці. Навіть невеликими сайтами набагато простіше управляти, якщо розкласти HTML-документи, зображення та інші ресурси в різні папки, створивши тим самим певну структуру розташування різних файлів. Структуруючи файли як вам зручно, ви можете вибрати для себе досить гнучку систему організації файлів, з огляду на те, що сайт може рости, система файлів при цьому буде залишатися ясною і зрозумілою. Структуру (ієрархію) каталогів, в яких розташовуються різні файли, зазвичай можна побачити у вигляді древа. Розглянемо як приклад наступне зображення.
Як ви бачите, структура - це всього лише схема, яка відображає вкладеність одних каталогів в інші. У прикладі ми використовували всього три каталогу, однак цього буде достатньо для того, щоб описати всю необхідну інформацію. Часто каталоги описують за допомогою термінів спадкових (сімейних) зв'язків. У нас є папка під назвою "Банани", вона розташована всередині папки "Фрукти". Папка "Фрукти" - це батько каталогу "Банани", а каталог "Банани" - дитина (дочірній каталог) папки "Фрукти". Також у нас є ще папка "Ківі", яка є теж дитиною каталогу "Фрукти".
Щоб вам краще запам'ятати, опишемо терміни окремо:
- Дочірній каталог - це папка, над якою в ієрархічному дереві є батьківський каталог.
- Батьківський каталог - це папка, що містить інший каталог.
- Є ще таке поняття як "кореневий каталог" - це основна (головна) папка, в якій розташовані всі інші каталоги та файли.
структура елементів
Структуру елементів також можна представити у вигляді схеми, що відображає вкладеність одних елементів в інші. Розглянемо простий приклад:
Схему, яка ніколи вкладеність елементів, можна представити таким чином:
- Дочірній елемент - це елемент, над яким в ієрархічному дереві є батьківський елемент. Дочірній елемент також ще називають дитиною.
- Родинний елемент - це інший дочірній елемент того ж батьківського елемента на тому ж рівні відгалуження. Такі елементи також називають сестринськими. в прикладі такими елементами є і ,
і <style>.</li> <li>Кореневий елемент - самий верхній елемент в ієрархії (<html>), Всі інші елементи є його нащадками.</li> <li>Батьківський елемент - це елемент, який містить інший елемент. Іноді його називають просто батько.</li> <li>Нащадок може бути безпосередньо дочірнім елементом, але зазвичай це загальна назва для всіх елементів, які вкладені в інші елементи, незалежно від того, як глибоко вони вкладені, наприклад <head>, <title>, <body>, <p> і <style> є нащадками елемента <html>.</li> </ul> <p>Будь URL слід стандартній формі, яка може бути розбита на кілька основних частин (схема представлена на зображенні). Кожен сегмент повідомляє певну інформацію для клієнта і сервера.</p> <h4>Схожі статті</h4> <ul> <li> <p><a href="/articles/struktura-papok-veb-proektu-i-pravila-ii-zruchnogo.php">Структура папок веб-проекту і правила її зручного побудови</a></p> </li> <li> <p><a href="/articles/jak-stvoriti-universalnu-strukturu-vkladenosti.php">Як створити універсальну структуру вкладеності папок сайту для php, bootstrap, sass</a></p> </li> </ul> </div> </article> </div> </div> </div> <footer class="igrzom-footer clearfix"> <p>Copyright © 2024<br></p> </footer> </div> </div></body> </html>