Относительные ссылки в html (повторяем)

Относительные ссылки в html (повторяем)

Зачем я поднял эту, казалось бы банальную, тему? Да потому, что большинство из SEO-шников не все об них знает и не умеет ими правильно пользоваться. Почему я так решил? Да потому, что постоянно помогаю людям разобраться с этим.

Тем, кто использует парсер контента Content Downloader необходимо это знать, так как он работает, в основном, на относительной адресации.

А теперь ближе к делу:
Относительная ссылка – /images/image.gif или index.htm.
Абсолютная ссылка – http://sbfactory.ru/index.htm.

Преимущество относительных ссылок перед абсолютными очевидно – нет никакой привязки к домену или адресу, то есть сайты можно будет без проблем перекидывать с домена на домен и при этом все ссылки останутся рабочими.

Но не все так просто как казалось бы, взгляните на эти относительные ссылки:
/page.htm
page.htm
..page.htm

Заметили префиксы? Каждый несет в себе определенный смысл и влияет на ссылку.

/ – указывает на то, что ссылка является относительной к корню сайта: /page.htm равносильно http://sbfactory.ru/page.htm. Или /folder/page.htm является равной http://sbfactory.ru/folder/page.htm.

Ссылка без префикса – указывает на то, что объект будет располагаться на этом же уровне. Например, относительная ссылка (адрес) images/fruit.jpg расположена в документе с адресом http://sbfactory.ru/folder/page.htm, то ее “абсолютным” аналогом будет ссылка http://sbfactory.ru/folder/images/fruit.jpg.

.. – указывает на то, что объект находится на уровень выше (../../ – на два уровня выше и так далее).

Ну вот вроде бы и все, надеюсь понятно расписал.

Вы можете оставить комментарий, или поставить трэкбек со своего сайта.
Есть 8 коммент. к теме: “Относительные ссылки в html (повторяем)”
  1. Альтаир says:

    Спасибо. Как я понимаю, ссылки /page.htm и page.htm равносильны и слэш можно опускать?

  2. admin says:

    Нет, /page.htm – относительно корня сайта, а page.htm – относительно того уровня, на котором находится ссылка.

  3. trolll says:

    не завидую вам если с таким контингентом работаете ))) сам когда то таким был, помню какие тупые вопросы бывают

  4. admin says:

    Все нормально)…

  5. admin says:

    Люблю помогать, только не всегда получается, много народу очень.

  6. WeXX says:

    Скажите пожалуйста, в WP куда располагать картинки, чтобы они в постах отображались если у картинок адреса вида images/image.gif ?

  7. admin says:

    Преобразовать ссылки вида “images/image.gif” в “/images/image.gif” или “http://yoursite.ru/images/image.gif”

  8. aanush says:

    Здравствуйте.У меня настроен локальный хост на компьютере.Все файлы в папке Изображения в этой папке вложены в отдельную папку [images],а файлы css в папку[css].И не работают ссылки ни на картинки,ни на таблицы стилей.Причем,если изо переместить из папки[images] в папку [ etc],то они становятся видны в индекс файле(на странице в браузере),а с css даже так не получается. Какая может быть причина?
    Спасибо.

Написать комментарий к Альтаир

Пожалуйста, ознакомьтесь с правилами комментирования (причина УДАЛЕНИЯ некоторых комментариев)

Добавить изображение к комментарию (jpg)