Абсолютный и относительный путь к файлам

Author
Анна Петрова
Senior UX Designer @ TechCorp

☛Юзабилити ✎
★★★★☆
4.0 / 5 (75 оценок)

Как вы знаете, в параметре href тега () необходимо указывать путь к файлу, на который делается ссылка. Многие пишут что-то вроде http://somesite.ru/catalog/doc.html. Да, никто не спорит, это работает. Но есть одно "но". Рассмотрим на примере.

Пусть ваш сайт размещался, например, на каком-то бесплатном хостинге и его адрес был следующий: http://fsite.freehosting.ru. На сервере лежит порядка 100 документов. И вот вы решили перенести свой сайт на другой домен, пусть это будет платный хостинг в зоне ru: http://site.ru. Что же, везде теперь менять http://fsite.freehosting.ru на http://site.ru? Да, благодаря таким редакторам как homesite, это возможно. Но это не выход.

Предположим, что прежде чем заливать страницу на сервер, вы проверяете ее работоспособность на своем домашнем сервере apache (тем, кто еще не знает что такое "домашний сервер" - сюда(Установка и настройка сервера apache), и вместо http://localhost надо везде будет писать http://site.ru. Согласитесь это, по крайней мере, неудобно. Выход состоит в том, что бы, при указывании пути к файлу, учитывать не его положение на сайте, а его положение на сервере.
Абсолютный путь

Возьмем, к примеру, файл doc.html, который находится по адресу: http://somesite.ru/catalog/doc.html. На сервере, как известно, находится папка www. Как мы видим из адреса, в этой папке находится папка catalog, и уже в ней находится файл doc.html.

Если, при указывании пути к файлу, перед адресом поставить /, то это будет аналогично следующему: корневая_директория_на_севере/www/путь к файлу. То есть, http://somesite.ru/catalog/doc.html аналогично следующему: /catalog/doc.html. Итак, когда перед адресом стоит /, то это означает, что "отсчет" начинается с директории www. Теперь вместо http://localhost/index.html из любого документа можно писать /index.html. А вот что бы добраться до директории cgi надо писать так: /cgi-bin/путь к файлу.

Страница: 1 из 2    -   Следующая
Навигация: 1  2  

Другие статьи по теме:

  • А ваш сайт страдает от этих 7 ошибок в юзабилити?
  • Как повысить юзабилити сайта
  • Проектирование веб-сайта
  • Как "заценить" собственный сайт?
  • Создание главной страницы веб-сайта
    • #UX #UI #Дизайн #Доступность
    Author

    Анна Петрова

    Senior UX Designer @ TechCorp

    Более 10 лет опыта в дизайне пользовательских интерфейсов. Работала с компаниями из списка Fortune 500. Спикер на международных конференциях по дизайну.

    Читайте также

    Related Article
    Цвета

    Теория цвета в веб-дизайне

    Как правильно подбирать цветовые схемы для вашего сайта
    Тренды

    Тренды веб-дизайна 2026

    Обзор самых актуальных тенденций в дизайне сайтов

    Комментарии (5)

    Оставить комментарий

    Ваш email не будет опубликован

    М
    Михаил Сидоров

    15 Января 2026

    Отличная статья! Особенно понравился раздел про визуальную иерархию. Обязательно применю эти принципы в своём следующем проекте.

    Е
    Елена Козлова

    20 Декабря 2025

    Спасибо за подробное объяснение принципов доступности. Многие дизайнеры недооценивают эту тему, а зря!

    А
    Алексей Новиков

    17 Ноября 2025

    Could you share more about design systems? Would love to see a dedicated article on that topic!

    Понравилась статья?

    Подпишитесь на нашу рассылку и получайте новые материалы каждую неделю