Отдельный путь для каждого раздела

Каждая статья — самостоятельный HTML-файл. Главная находится в корне, сведения о проекте — в about/index.html, а эта запись — в blog/post1.html. Сервер открывает index.html при запросе каталога с завершающим слэшем.

index.html
style.css
about/index.html
blog/post1.html
getting-started/installation.html
images/test.jpg
assets/js/main.js
assets/videos/rotation-demo.mp4
search-index.json

Почему ссылки относительные

Из подкаталога ссылка на общие стили выглядит как ../style.css, на изображение — ../images/test.jpg, а на главную — ../index.html. Ведущий слэш направил бы браузер к корню домена, минуя /university/.

Это особенно заметно на GitHub Pages: имя репозитория обычно становится частью публичного URL. Одинаковые относительные пути сохраняют работу сайта при смене префикса.

Основа для следующих лабораторных

Разные пути и типы файлов позволяют отдельно исследовать HTML, CSS, JavaScript, JSON, изображения и видео. В дальнейшей работе можно сравнивать заголовки Cache-Control, возраст ответа и статус кэша Cloudflare.