Что такое url адреса, чем отличаются абсолютные и относительные ссылки для сайта

Абсолютные и относительные ссылки в HTML | Создание сайтов и заработок в сети

Здравствуйте, уважаемые читатели блога Goldbusinessnet.com. Предлагаю на ваш суд публикацию об абсолютных и относительных ссылках, которая является логическим продолжением материала о создании гиперссылок в интернете и их разнообразных видах.

В принципе, в той статье вы найдете всю информацию о создании и использовании абсолютных линков, поскольку они являются универсальными и подходящими для всех случаев. А вот относительные ссылки обладают рядом особенностей, которые мы сегодня и разберем.

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

Все гиперссылки, создаваемые средствами HTML, можно классифицировать по тем или иным признакам. Чем же отличается абсолютная ссылка от относительной? Прежде всего, по виду URL адреса, выступающего в качестве обязательного атрибута href тега a.

Урл в абсолютной гиперссылке обязательно начинается с наименования протокола передачи данных (для примера мы будем использовать HTTP, поскольку он наиболее распространен и применяется на большинстве сайтов) и включает имя домена (что означает этот термин?).

Как я уже отметил, вся информация о гиперссылках (линк на соответствующую статью дан в самом начале поста) связана именно с абсолютными ссылками, вот пример одной из них в общем виде:

анкор

В таком виде она вставляется в документ (страницы сайта). Абсолютные гиперссылки можно теоретически использовать везде, но на практике их применяют чаще тогда, когда нужно сослаться на внешний веб-ресурс, а относительные более эффективны при переходах в пределах одного вебсайта, поскольку они более короткие и не загромождают HTML код.

Если представленный выше пример абсолютной гиперссылки немного модифицировать, убрав «http://» и доменное имя, то как раз получится образец относительной ссылки:

анкор

Но такой линк будет работать лишь в том случае, если файл расположен в папке (каталоге), который, в свою очередь, находится в корневой директории веб-ресурса. То есть, в данном случае путь до файла (в составе URL, который служит параметром атрибута href) будет указан относительно корня сайта:

В соответствии с предоставленным выше скриншотом вы, полагаю, уже поняли следующее. Если файл (в нашем примере file2.html) входит напрямую в состав корневой папки, то путь к нему относительно корня (site.ru) примет такой вид:

анкор

Здесь самый первый слеш «/» заменяет название корневой директории «site.ru/». То есть, при создании перехода на главную страницу сайта с любой его вебстраницы можно вполне использовать вот такую короткую конструкцию:

анкор

Гиперлинки именно относительно корневой папки обычно используются на практике, когда необходимо сослаться с одной страницы сайта на другую.

Теперь давайте рассмотрим еще несколько случаев создания линков относительно текущего документа (не корня сайта). Во всех случаях требуется указывать значение атрибута href, недаром он считается обязательным. Здесь один из файлов будет донором (с которого проставлена ссылка), а другой акцептором (на который ведет гиперссылка).

1. Файлы расположены в одной папке:

В таком случае относительная ссылка будет содержать только наименование документа, являющегося акцептором (обратите внимание, что знак слеша здесь опущен, поскольку путь указывается не относительно корня, а вполне конкретной папки):

анкор

2. Файлы находятся в разных директориях, причем документ, на который нужно сослаться, располагается внутри каталога, находящегося в одной папке, содержащей донор:

Тогда при создании относительной гиперссылки следует дополнительно прописать название директории с акцептором:

анкор

Ежели целевой файл, на который указывает ссылка, находится еще на уровень ниже относительно донорского документа в иерархической структуре (например, расположен в catalog3, который вложен в catalog2), то путь будет таким:

текстовый фрагмент

Ну и так далее, в зависимости от количества вложенных друг в друга директорий.

3. Теперь разберем обратную ситуацию, когда документ-акцептор располагается на уровень (или несколько) выше донорского файла:

При таком раскладе перед именем файлика необходимо поставить слэш «/» и двоеточие, означающее, что акцептор расположен на один уровень выше:

анкор

Если документ, на который ссылаются, находится на два уровня выше (скажем, донорский документ пребывает в папке catalog3, которая вложена в catalog2), то HTML код относительной гиперссылки примет следующий вид:

анкорный текст

Как вы, наверное, поняли, таких уровней может быть сколько угодно, все зависит от файловой структуры вашего сайта. Чем больше уровней между акцептором и донором, тем большее количество двоеточий и слэшей необходимо указать.

4. Есть еще вариант, когда акцептор и донор расположены в разных папках одного уровня:

Для того, чтобы сформировать относительный гиперлинк, нужно перейти на уровень выше (catalog), а в пути указать директорию документа, на который будем ссылаться:

анкорный текст

5. Ну и самый сложный случай. Это когда документ, содержащий относительную ссылочку, и файл, на который она ведет, располагаются в разных папках, причем директория с донором находится на один или несколько уровней выше папки с акцептором:

Если разница 1 уровень, то относительной ссылкой является такая:

анкорный текст

Я привел только основные примеры относительных ссылок, на самом деле их гораздо больше. Но главное — понять суть алгоритма их создания, что, надеюсь, вам удалось. Тем более, что все другие вариации будут просто производными от выше указанных.

Ежели в качестве целевого объекта абсолютной или относительной ссылки указать не файл, а всю директорию, то в конце URL желательно прописывать слеш:

text anchor

Тем самым вы указываете серверу, что необходимо открыть для просмотра весь каталог, а не конкретный файл. Если же опустить значок «/» и оформить гиперссылку вот так:

text anchor

То серверный обработчик сначала начнет поиски файла «uploads», именно в таком виде (без расширения), а уже затем отыщет папку с таким именем. Посему, проставив сразу же слеш, вы сэкономите ресурсы сервера, на котором располагается сайт.

Также необходимо иметь ввиду, что в целях безопасности содержимое любого рабочего каталога сайта должно быть скрыто. Поэтому сервер обычно сконфигурирован таким образом, чтобы воспрепятствовать отображению его файлов. Например, вместо этого может быть показан пустой индексный файл index.php либо index.html (в браузере это будет просто белая страница).

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

В общем-то, принцип создания абсолютных и относительных ссылок действует и в отношении обычных страниц сайта. Но, поскольку львиная доля вебмастеров (особенно это касается владельцев полномасштабных веб-ресусов, а не простеньких дневников и одностраничников) использует для управления веб-ресурсом CMS, то здесь есть некоторые нюансы.

Что касается главной страницы, то абсолютная ссылка на нее включает имя домена, которое является названием корневой папки в соответствии с файловой структурой сайта на сервере:

Home

Образец относительного линка в отношении главной я уже приводил, но повторю еще раз:

Home

Если вы желаете поподробнее изучить нюансы применения адресов в относительных и абсолютных ссылках именно для всех страниц своего сайта, то почитайте соответствующий раздел статьи об урлах, где вы сможете, например, узнать, почему любой URL (со слешем или без в конце) является корректным в плане синтаксиса и полностью отвечает установленным стандартам.

Источник: https://goldbusinessnet.com/osnovy-html/absolyutnye-otnositelnye-ssylki-html/

Что такое URL адреса, чем отличаются абсолютные и относительные ссылки для сайта, создание, продвижение и заработок на сайте

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Сегодня хочу затронуть тему формирования уникальных URL адресов в интернете и рассказать про принципы создания относительных и абсолютных ссылок.

Конечно же, тема формирования Урлов или их более расширенной версии URI (ури) довольно сложна, если копать глубоко и пытаться добраться до истины.

Но нам этого и не нужно, ибо достаточно понимать структуру URL в ее прикладном применении.

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

Урл адреса — что это и как они влияют на индексацию сайта

Итак, давайте посмотрим что такое URL, зачем он нужен и из каких частей состоит. Как вы знаете, поисковые системы производят индексацию сайтов ни как единого целого, а как совокупность отдельных страниц. Они потом будут участвовать в ранжировании по различным поисковым запросам (читайте подробнее о подборе ключевых слов в Вордстате на основе статистики запросов Яндекса.

Ну так вот, любой документ (вебстраница) в сети интернет имеет свой уникальный адрес URL, который расшифровывается как Uniform Resource Locator (определитель местонахождения ресурса).

Он, равно как и протокол HTTP, а еще и как язык Html с валидатором W3C, был разработан и создан одним и тем же человеком — Тимом Бернерсом-Ли (отцом основателем проекта Всемирная паутина WWW — World Wide Web).

По большому счету URL является частным случаем другого идентификатора под названием URI (Uniform Resource Identifier — унифицированный идентификатор ресурса), но нам с вами все эти тонкости, скорее всего, будут не нужны (излишни) при работе со своим сайтом. Давайте попробуем в общих чертах разобраться с тем, что это такое и из каких частей он состоит, а потом перейдем к относительным и абсолютным ссылкам.

URL адрес — это способ однозначно указать на что-то в интернете.

Он используется не только для работы с сайтами (что это?) по протоколу http (еще и по ftp), но нас, конечно же, будет интересовать именно применение этого идентификатора к Web (протоколы http и https).

Урл в этом случае будет выглядеть примерно так (чуть ниже я приведу общую блок-схему его построения, но пока хотелось бы начать с простого частого примера):

В этом примере адреса часть с «http» обозначает протокол передачи данных или же, если следовать терминологии спецификации, схему (ибо тот же mailto не является протоколом передачи данных, в отличии от http или ftp, но тоже используется в Урл адресах). Далее в приведенном примере следует «ktonanovenkogo.ru» (или же это может быть «www.ktonanovenkogo.ru») — это так называемое доменное имя или же имя узла (хоста).

В Web-е есть специфика обозначения доменного имени в URL адресе сайта, которое может быть с WWW или без WWW. Для того, чтобы успешно можно было раскрутить свой сайт, очень важно склеить эти два зеркала вашего сайта с WWW или без него через 301 редирект. Зачастую, склейку зеркал за вас может выполнить хостер, но это обязательно нужно будет проверить.

Т.е. для поисковиков сайты с WWW или без оного являются абсолютно разными и без их склейки, ссылочная масса будет делиться между ними в неизвестной вам пропорции. WWW в адресе по своей сути — это некий атавизм, который делает ваше доменное имя второго уровня доменом третьего.

Тоже справедливо и при переезде сайта на защищенный протокол https с http — для поисковиков это будет уже другой сайт (ниже приведено видео с объяснением, когда лучше склевать такие зеркала).

Ничего плохого в использовании WWW в URL сайта нет, но нужно четко определить главное зеркало (через Яндекс Вебмастер и через Гугл Вебмастер, а также через прописывание директивы Host в файл robots.txt вашего сайта), которое будет индексироваться поисковиками и которое будет участвовать в ранжировании.

У меня, например, главное зеркало — это «ktonanovenkogo.ru», т.е. «без атавизма», и если вы добавите к любому моему Урлу эту чудо-приставку, то произойдет автоматическое перенаправление на адрес «без WWW».

Склеить можно не только описанные выше зеркала, но и любые другие доменные имена, принадлежащие вам.

Например, если возможно различное написание латинскими буквами какого-либо известного бренда, то покупаются все возможные домены (варианты написания с ошибками, в разных доменных зонах и т.п.

Читайте также:  Онлайн ftp клиент net2ftp и google alerts — полезный сервисы для вебмастеров

) и склеиваются между собой. Тогда, при обращении к сайту по любому из возможных URL адресов, будет открываться главное зеркало.

Например, на рег.ру можно посмотреть свободные для регистрации потенциальные зеркала или освобождающиеся домены (можете вводить предполагаемое имя домена прямо в приведенную ниже форму):

Откуда берутся лишние URL-адреса (дубли страниц) вашего сайта в индексе поисковиков

Но вернемся к нашим баранам. Та часть URL, которая расположена за третьим слешем (/) — в нашем примере это «papka/fail.html» — называется путем до конкретного объекта (документа или файла). В нашем случае это документ «fail.html», который лежит в каталоге «papka», который в свою очередь лежит в корневой папке (корень в Урле всегда соответствует третьему слешу слева).

Но это еще не все, что может быть записано в адресе. Посредством URL различные CMS (системы управления контентом) передают так называемые GET параметры, которые добавляются в самый его конец после простановки знака вопроса, например, так:

Вся беда в том, что для поисковых систем два таких URL адреса (с и без Get параметров) являются абсолютно разными веб документами и каждый из них будет проиндексирован поисковиками.

К одному и тому же Урлу может добавляться вашей Cms сколько угодно много различных Get параметров и все это будет проиндексировано Яндексом и Гуглом, если вы не создадите соответствующие запреты в файле robots.

txt, ссылка на статью про который приведена чуть выше.

В противном случае поисковики вас могут пессимизировать за большое количество дублированного контента (одного и того же содержимого, доступного по разным адресам).

Также, например, к главной странице моего ресурса можно обратиться по двум разным Урлам:

(даже по трем — еще и http://ktonanovenkogo.ru/) и в любом случае откроется главная страница. Это довольно плохо, т.к. поисковики найдут у меня три разных страницы (имеющих с их точки зрения разные URL адреса), но с одинаковым содержанием, что им, ох как не нравится.

Поэтому у меня сделано так, что при вводе любого из приведенных чуть выше Урлов будет выполнено перенаправление на URL вида «http://ktonanovenkogo.ru/». Делается это, как правило, с помощью 301 редиректа в файле .htaccess, либо напрямую в настройках сервера вами самими, либо вашим хостером.

Гораздо больше информации про зеркала сайта и их склейку читайте в приведенной по ссылке публикации.

Вообще, полную блок-схему URL адреса можно представить так:

В реальности, как правило, не используют логин, пароль и порт, хотя для доступа на платные сайты может понадобиться их указание:

Также довольно часто устанавливают пароли для входа на Ftp сервер, где так же может использовать не стандартный порт, а отличный от используемого по умолчанию для этого протокола. Тогда для доступа к ресурсам такого Ftp сервера потребуется вводить подобный URL:

Про GET параметры, которые могут прописываться в этом адресе после знака вопроса, мы уже говорили и упоминали, что следует обязательно запрещать к индексации страницы, в Урлах которых имеются подобные параметры (выше приведена ссылка на статью про роботс, где все это подробно расписано).

Урл адреса в виде хеш-ссылок, открывающие страницу в нужном месте

Но кроме всех этих вещей, которые могут входить в состав URL, на приведенной чуть выше блок-схеме вы можете видеть так называемый якорь, который добавляется в самом конце после разделяющего символа решетки «#» (Урлы, содержащие якоря, обычно называют хеш ссылками).

Якоря заранее проставляются внутри Html кода документа (страницы) с помощью добавление атрибута ID=»метка» в нужный Html тег (абзаца, заголовка или другой подходящий), а затем, добавив название этого якоря к URL адресу страницы через символ решетки «#», вы сможете перейти не на начало этой вебстраницы, а сразу к тому месту, где был проставлен якорь (все современные веб браузеры автоматически прокрутят страницу до нужного места).

Выглядеть хеш-ссылка может так (в тексте страницы проставлен якорь «url-1»):

Про работу с гиперссылками в Html, и в том числе про организацию навигации на странице с помощью хеш ссылок (якорей), читайте в этих статьях.

Еще стоит сказать о различных кодировках, которые используются в URL адресах. Без перекодирования в них можно использовать только ограниченное количество символов. Обычно советуют ограничиться набором из символов: [0-9],[a-z],[A-Z],[_],[-].

Вообще, во избежании ошибок, я бы советовал задавать название файлов и Урлов страниц своего сайта в нижнем регистре, ибо для юникс подобных систем (на которых работает большинство веб серверов) символы в верхнем и нижнем регистре являются разными (в отличии от Windows). Из-за разных регистров может возникнуть никому не нужная путаница.

Использование каких-либо других символов (включая русские) в урлах допустимо, но при этом будет происходить перекодировка этих самых символов (URL Encoding).

Что опечаливает, так это неудобоваримый вид URL адресов с символами, например, кириллицы, которые получаются после перекодировки. Каждый символ кириллицы кодируется с помощью двух байт в Юникоде (UTF-8), записанных в шестнадцатеричном виде и разделенных знаком процента «%». Например, такой Урл:

после перекодировки станет таким:

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

В связи со всем вышесказанным я бы советовал при использовании ЧПУ на своих CMS не делать адреса страниц на русском

Источник: http://searchbar.ru/internet/chto-takoe-url-adresa-chem-otlichayutsya-absolyutnye-i-otnositelnye-ssylki-dlya-sajta-sozdanie-prodvizhenie-i-zarabotok-na-sajte

HTML: Абсолютные и относительные ссылки

  • Относительный путь
  • Абсолютный путь

Все HTML ссылки делятся на внешние и внутренние. Внешние ссылки – это ссылки, ведущие с одного сайта на другой сайт или файл, расположенный на другом сайте. Внутренние ссылки – это ссылки, ссылающиеся с одной страницы сайта на другую страницу этого же сайта или на разделы этой же страницы.

Все внешние ссылки в атрибуте href тега содержат абсолютный путь до документа на который они ссылаются. Внутренние ссылки, в свою очередь, могут содержать как абсолютный путь, так и относительный (в данном случае это зависит от ваших личных предпочтений).

Все ссылки можно также условно разделить на относительные и абсолютные. Относительные ссылки – это HTML ссылки, содержащие относительные пути, относительные ссылки могут быть только внутренними. Абсолютные ссылки – это ссылки, содержащие абсолютные пути, абсолютные ссылки могут быть как внешними так и внутренними.

Относительный путь

Относительный путь означает, что указание пути на нужный файл или страницу вашего сайта начинается относительно каталога, в котором расположена страница со ссылкой, либо относительно корневого каталога сайта. Рассмотрим части, из которых может состоять относительный путь:

Части путиОписаниеПримеры значений
имя_файла Если в качестве значения атрибута указать только имя файла это значит, что нужный файл находится в той же папке, где и страница со ссылкой. “page.html”
каталог/ Если файл, к которому нужно указать путь, расположен в дочернем каталоге относительно файла с ссылкой, это означает, что нам надо спуститься на один уровень вниз (в дочернюю папку текущего каталога), в этом случае путь начинается с указания имени дочернего каталога, после его имени указывается прямой слэш “/”, он служит для разделения частей пути, после него указывается имя нужного нам файла.Примечание: опуститься можно ровно на столько папок вниз, сколько вы их создали. К примеру, если вы создали папку на 10 уровней ниже корневой, то можете указать путь, который приведет вас вниз на 10 папок. Однако, если у вас так много уровней, это, скорее всего, означает, что организация вашего сайта излишне неудобно составлена. “каталог/page.html””каталог1/каталог2/page.html”
../ Если нужно указать, что файл, на который вы ссылаетесь, находится в родительской папке, используйте символы .. (две точки), они означают подняться на один уровень вверх (в родительскую папку текущего каталога). Далее мы указываем прямой слэш “/”, чтобы разделить части пути, и пишем имя нашего файла.Примечание: символы .. можно использовать сколько угодно раз подряд, используя их, вы поднимаетесь каждый раз на одну папку вверх. Однако, подниматься вверх можно до тех пор, пока не придете в корневую папку своего сайта. Выше этой папки подняться нельзя. “../page.html””../../page.html””../../../кат1/кат2/page.html” – поднимаемся из текущей папки на три каталога выше и уже из него спускаемся на два уровня ниже к требуемому файлу
/ Относительный путь не обязательно всегда должен начинаться относительно текущего расположения страницы со ссылкой, он также может начинаться относительно корневого каталога сайта. К примеру, если нужный файл находится в корневом каталоге, путь может начинаться с символа “/”, после которого надо всего лишь указать имя нужного файла, который расположен в корневом каталоге.Примечание: когда символ “/” указывается первым, это означает начало пути от корневого каталога. “/page.html””/кат1/кат2/car.png”

Абсолютный путь

Абсолютный путь обычно применяется для указания пути к файлу, который расположен на другом сетевом ресурсе. Он представляет из себя полный URL-адрес к файлу или странице.

Первым делом в адресе указывается используемый протокол, после которого идет название домена (имя сайта). Например: http://www.пример.ру – так выглядит абсолютный путь к конкретному веб-сайту.

http:// – это протокол передачи данных, а www.пример.ру – имя сайта (домен).

Абсолютный путь можно использовать и на собственном сайте. Однако внутри сайта рекомендуется использовать в качестве значения ссылок относительный путь.

Теперь давайте рассмотрим, что такое URL-адрес. Каждая веб-страница в сети Интернет имеет свой собственный уникальный адрес, вот он как раз и называется URL.

Аббревиатура URL расшифровывается как Uniform Resource Locator (унифицированный адрес ресурса), проще говоря URL – это определитель местонахождения ресурса.

Этот способ записи адреса стандартизирован в сети Интернет.

Пара примеров URL адресов:

“httр://www.puzzleweb.ru/” “httр://www.puzzleweb.ru/html/all_tags.php”

Источник: https://puzzleweb.ru/html/8_links2.php

Анатомия URL и относительные адреса

Reg.ru: домены и хостинг

Крупнейший регистратор и хостинг-провайдер в России.

Более 2 миллионов доменных имен на обслуживании.

Продвижение, почта для домена, решения для бизнеса.

Более 700 тыс. клиентов по всему миру уже сделали свой выбор.

Перейти на сайт->

Бесплатный Курс “Практика HTML5 и CSS3”

Освойте бесплатно пошаговый видеокурс

по основам адаптивной верстки

на HTML5 и CSS3 с полного нуля.

Начать->

Фреймворк Bootstrap: быстрая адаптивная вёрстка

Пошаговый видеокурс по основам адаптивной верстки в фреймворке Bootstrap.

Научитесь верстать просто, быстро и качественно, используя мощный и практичный инструмент.

Верстайте на заказ и получайте деньги.

Получить в подарок->

Бесплатный курс “Сайт на WordPress”

Хотите освоить CMS WordPress?

Получите уроки по дизайну и верстке сайта на WordPress.

Научитесь работать с темами и нарезать макет.

Бесплатный видеокурс по рисованию дизайна сайта, его верстке и установке на CMS WordPress!

Получить в подарок->

*Наведите курсор мыши для приостановки прокрутки.

Наиболее часто используемая схема URL – это http схема. Схема http используется для поиска документов, которые находятся на веб-серверах.

Веб-сервер правильнее называть HTTP-сервером. HTTP – это HyperText Transfer Protocol (Протокол Передачи Гипертекста), специально разработанный для передачи документов по сети Интернет. Он используется для передачи практически любых документов, которые мы загружаем при использовании браузера.

URL со схемой http можно разбить на подчасти, как показано ниже:

http://WebReference.com:80/html/tutorial2/2.html?query

1. http

Первая часть – имя схемы, об этом мы уже говорили (см. Структура HTML-документа, понятие URI и URL). Затем идет двоеточие и два слэша (//).

2. WebReference.com

Вторая часть – имя компьютера, на котором размещен документ. Возможно, Вы уже знаете, что такое имя компьютера, но на всякий случай немного поясню:

Компьютеры в Интернет имеют цифровые адреса, называемые IP-адресами. IP-адрес – это несколько групп чисел в диапазоне от 0 до 255. Например, IP-адрес компьютера, на котором запущен HTTP-сервер сайта WebReference.com, следующий:

Читайте также:  Яндекс диск — как войти и создать свою страницу, как загрузить фото и видео, а так же 7 причин пользоваться именно этим облаком

199.35.192.185

Этот адрес работает наподобие телефонного номера. Если вы наберете его в адресной строке браузера, то браузер узнает, где расположен необходимый компьютер, и как с ним связаться.

Единственное неудобство таких адресов в том, что их очень сложно запомнить. Нет очевидной логики их формирования, и два связанных друг с другом компьютера могут иметь совершенно разные IP-адреса. Также, по техническим причинам, часто необходимо менять адреса компьютеров. Все это делает очень затруднительным процесс отслеживания IP-адреса.

Так была создана система, названная DNS (Domain Name Service или Domain Name System – Система / Сервис Доменных Имен). Назначение DNS – трансформировать имена компьютеров в IP-адреса. В этом случае компьютеры имеют имена, которые легко запомнить пользователям.

Такие адреса называются FQDN (Fully Qualified Domain Name – Полностью Определенное Доменное Имя, или просто Доменное Имя). Доменное Имя компьютера может быть использовано где угодно в сети для того, чтобы однозначно идентифицировать компьютер и перевести его имя в IP-адрес.

Например, доменное имя сайта codeharmony.ru – www.codeharmony.ru. По сути, это просто псевдоним; компьютер может иметь более одного доменного имени, каждое из которых указывает на один и тот же IP-адрес.

Можно, например, получить доступ к моему сайту, используя имя codeharmony.ru, а не www.codeharmony.ru, потому что это тоже алиас (псевдоним) того же самого компьютера.

На самом деле, компьютер может иметь много IP-адресов, но это я уже ухожу в технические детали. Действительно важно понимать то, что компьютеры в Интернет имеют IP-адреса, доменные имена являются способом ссылаться на них для того, чтобы их легче было запомнить, а сами доменные имена преобразуются в IP-адреса.

Заметьте, что доменные имена не чувствительны к регистру. www.codeharmony.ru – это то же самое, что и WWW.CODEHARMONY.RU и www.CodeHarmony.ru. Обычно доменные имена пишутся в нижнем регистре, но это не значит, что это единственный способ.

3. :80

Третяя часть URL, которая не является обязательной – это номер порта. Компьютеры имеют определенное количество так называемых портов. Смысл порта в том, что через него происходят взаимодействия определенного рода. Один поддерживает HTTP-взаимодействия, другой – передачу почты и т.п.

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

HTTP-взаимодействия обычно идут через порт 80, но не обязательно.

В случае, если используется порт 80, то его не нужно указывать, если же используется другой порт (что бывает крайне редко), то необходимо указывать его, используя знак двоеточия и номер порта.

4. html/tutorial2/2.html

Четвертая часть также не обязательна. Это путь до документа, который мы хотим запросить. Путь – это набор символов, разделенных слэшами (/). Это очень похоже на пути до папок и файлов на вашем обычном компьютере. Есть корневая папка (директория), внутри нее есть другие папки, которые, в свою очередь, могут содержать другие папки и файлы. Взгляните на следующие примеры:

/ /html/ /html/tutorial2/2.html

/html

В первом случае мы ссылаемся на корневую директорию. Второй вариант – ссылка на директорию /html/. Третий пример – ссылка на документ 2.html в папке /html/tutorial2/. Наконец, четвертый пример – ссылка на документ html в корневой директории, а не на папку /html/. Это так, потому что в четвертом примере нет в конце слэша.

Хотя большинство браузеров отлично разберутся с тем, что нужно отобразить при таком запросе, все же неправильно ссылаться на директорию без слэша в конце. Вполне возможно, что в одной папке могут оказаться папка и документ с одним именем.

Важно отметить такой момент: путь не имеет ничего общего с форматом возвращаемого документа. В случае с WebReference.com все вышеприведенные примеры вернут HTML-документ.

Также, “расширение” в конце третьего примера (часть .html) не обязательно означает тип документа, как это бывает на операционных системах семейства Windows. Документ http://WebReference.com/cgi-bin/suggest.cgi имеет расширение .cgi, но является при этом HTML-документом.

5. ?query

Пятая часть – строка запроса, которая также необязательна.

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

Строка запроса состоит из знака вопроса (?), за которым идет передаваемая информация (она полностью зависит от того, какой программой будет производиться ее обработка).

Только что мы рассмотрели синтаксис URL-адресов со схемой http. Вы, вероятно, уже видели подобные адреса сотни раз, бороздя просторы сети; теперь Вы знаете, как они устроены. Ну а сейчас давайте рассмотрим понятие Относительных URL-адресов.

Относительные URL-адреса

URL-адреса, как Вы уже знаете, нужны для того, чтобы указать местоположение чего-то. Зачастую путь до “чего-то” может быть очень длинным, поэтому есть возможность для сокращения длины адресов, используя так называемые относительные адреса.

Все URL-адреса, которые мы рассматривали до этого были абсолютными. Они идентифицируют ресурсы независимо от их контекста. URL-адрес http://WebReference.com/html/ идентифицирует конкретную директорию в не зависимости от того, напечатали ли вы данный адрес в адресной строке, написали на клочке бумаги для своего друга, либо просто вспомнили “в голове”.

Относительные же URL-адреса – это способ идентификации ресурса с учетом его контекста.

Вот простая аналогия.

Представьте, что Вы в гостях на Дне Рождения у друга и кто-то спрашивает Вас, где живет какой-то из Ваших знакомых. Вы, вероятно, ответите, что-то вроде: “А вот – через дорогу в 7 доме.” Едва ли Вы скажете: “В России, в г. Москва, в районе Таком-то, на улице Такой-то, в доме номер 7.” В данном случае такой ответ был бы избыточен.

Относительные URL-адреса – что-то вроде этого. Они похожи на объяснения, типа: “вниз по переулку, потом налево, через два квартала по правой стороне.” Они имеют смысл только, если используются в определенном контексте. И этот контекст называется Base URL (Базовый URL).

Базовый URL ресурса – это все, что находится в пределах пути, включая и слэш на конце. Вот некоторые примеры:

Абсолютный URL-адрес Базовый URL-адрес
http://WebReference.com/ http://WebReference.com/
http://WebReference.com/html/ http://WebReference.com/html/
http://WebReference.com/html/about.html http://WebReference.com/html/
http://WebReference.com/foo/bar.html?baz http://WebReference.com/foo/

Таблица ниже показывает относительные адреса, для которых базовым URL является http://WebReference.com/html/ а также те абсолютные адреса, в которые “превращаются” относительные.

Относительный URL-адрес Абсолютный URL-адрес
about.html http://WebReference.com/html/about.html
tutorial1/ http://WebReference.com/html/tutorial1/
tutorial1/2.html http://WebReference.com/html/tutorial1/2.html
/ http://WebReference.com/
//www.internet.com/ http://www.internet.com/
/experts/ http://WebReference.com/experts/
../ http://WebReference.com/
../experts/ http://WebReference.com/experts/
../../../ http://WebReference.com/
./ http://WebReference.com/html/
./about.html http://WebReference.com/html/about.html

Отметим также, что если относительный URL-адрес пуст (не содержит ни одного символа), то он указывает на тот же самый ресурс в котором находится сам.

Да, использование относительных адресов позволяет сэкономить немного времени, но это не повод их использовать.

Очень важно понять то, что они используются только для указания на ресурс в определенном контексте. Это принципиально. Потому что URL-адреса не могут всегда использоваться в одном и том же контексте.

По материалам www.webreference.com
Перевод – Дмитрий Науменко.

P.S. Обратите также внимание на уроки ниже. Первый бесплатный курс позволит вам освоить работу с HTML и научиться создавать “каркасы” для сайтов. Второй курс покажет 5 прикладных техник для “резиновой” верстки сайтов:

Понравился материал и хотите отблагодарить?
Просто поделитесь с друзьями и коллегами!

Источник: http://www.codeharmony.ru/materials/35

Какие ссылки использовать внутри сайта, относительные или абсолютные

Многие начинающие сео специалисты и веб-мастера задаются вопросом о том, какие ссылки использовать на сайте. Часть специалистов считает целесообразным использовать относительные ссылки, другие уверяют, что лучше использовать абсолютые ссылки. В данном посте мы попробуем разобраться – какая разница между этими типами ссылок, а также когда и как их использовать. 

Для начала разберемся, как выглядит ссылка и какой код используется для ее создания. 

 

В данном примере, мы использовали относительную ссылку, где  pagename.html это страница на которую Вы перейдете при нажатии на page about car.Вы можете увидеть, что данная ссылка не имеет полного адресса (полный веб адрес включает в себя атрибуты http://www). 

Вот несколько примеров относительных и абсолютных ссылок: 

Относительные ссылки: 

  • index.html
  • /graphics/image.jpg
  • /main-folder/folder/file.html 

Абсолютные ссылки:

  • http://www.mysite.com
  • http://www.mysite.com/graphics/image.jpg
  • http://www.mysite.com/main-folder/folder/file.html 

Первое отличие можно увидеть в том, что абсолютные ссылки всегда включают доменное имя веб-сайта, в том числе http://www, в то время как относительные ссылки указывают только на  файл или путь к файлу.

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

Рассмотрим более подробно, в чем  все же состоит преимущество относительной ссылки над абсолютной, какие между ними различия и какую из них целесообразнее использовать?

Абсолютные ссылки хороши по таким свойствам:

  • активные ссылки при автоматическом копировании полностью переносятся на сайт копировщика;
  • поисковые системы точнее определяют главное зеркало сайта;
  • корректная работа  в RSS ридерах;
  • страница загружается  намного быстрее, если применяются размещенные на стороннем сервере файлы;
  • нет проблем с rel=«canonical».
  • безопаснее при взломе сайта
  • более безопаснее при переходе на новую CMS
  • лучше использовать при распространении контента по электронной почте

Положительные черты относительных ссылок без протокола:

  • при использовании http: и https: проблем с протоколами нет;

Источник: https://seoanalytics.pro/ru/blog/internal-linking

Вопрос: Абсолютные и относительные URL-адреса

Некоторые (любопытные) дубликаты

169

2018-02-17 12:18

Видеть это: http://en.wikipedia.org/wiki/URI_scheme#Generic_syntax

foo://username:password@example.com:8042/over/there/index.dtb;type=animal?name=ferret#nose
/ \________________/\_________/ \__/ \___/ \_/ \_________/ \_________/ \__/ | | | | | | | | | | userinfo hostname port | | parameter query fragment | \_______________________________/ \_____________|____|____________/
scheme | | | | | authority |path| | | | | path interpretable as filename | ___________|____________ |
/ / |
urn:example:animal:ferret:nose interpretable as extension

Абсолютный URL-адрес включает части перед частью «пути» – другими словами, он включает в себя схему ( http в http://foo/bar/baz) и имя хоста ( foo в http://foo/bar/baz) (и опционально порт, userinfo и порт).

Относительные URL-адреса начинаются с пути.

Абсолютные URL-адреса, ну, абсолютно: местоположение ресурса может быть разрешено, глядя только на сам URL-адрес. Относительный URL-адрес в некотором смысле неполный: для его решения вам нужна схема и имя хоста, и они обычно берутся из текущего контекста. Например, на веб-странице в

http://myhost/mypath/myresource1.html

вы можете поставить ссылку так

click me

в href атрибут ссылки, используемый относительный URL-адрес, и если он щелкнут, он должен быть разрешен, чтобы следовать ему. В этом случае текущий контекст

http://myhost/mypath/myresource1.html

поэтому схема, имя хоста и ведущий путь из них берутся и добавляются к pages/page1, уступая

http://myhost/mypath/pages/page1

Если бы ссылка была бы:

click me

(Обратите внимание / появляясь в начале URL-адреса), тогда это было бы разрешено как

http://myhost/pages/page1

потому что ведущий / указывает корень хоста.

В веб-приложении я бы посоветовал использовать относительные URL-адреса для всех ресурсов, принадлежащих вашему приложению. Таким образом, если вы измените расположение страниц, все будет работать.

Любые внешние ресурсы (могут быть страницы полностью вне вашего приложения, а также статический контент, который вы доставляете через сеть доставки контента) всегда должны указывать на использование абсолютных URL-адресов: если вы этого не делаете, просто нет способа найти их, потому что они проживать на другом сервере.

54

2018-01-05 09:50

Предположим, мы создаем дочерний узел, файлы которого находятся в папке http://site.ru/shop ,

1. Абсолютный URL

Link to home page
href=”http://sites.ru/shop/” Link to the product page
href=”http://sites.ru/shop/t-shirts/t-shirt-life-is-good/”

2. Относительный URL

Link from home page to product page
href=”t-shirts/t-shirt-life-is-good/” Link from product page to home page
href=”../../”

Хотя относительный URL-адрес выглядит короче абсолютного, но абсолютные URL-адреса более предпочтительны, поскольку ссылку можно использовать без изменений на любой странице сайта.

Промежуточные случаи

Мы рассмотрели два крайних случая: «абсолютно» абсолютные и «абсолютно» относительные URL-адреса. Но все относительно в этом мире. Это также относится к URL-адресам. Каждый раз, когда вы говорите об абсолютном URL-адресе, вы всегда должны указывать относительно того, что.

Читайте также:  Поисковая система bing и почта outlook (бывший hotmail)

3. URL-адрес, относящийся к протоколу

Источник: http://programmerz.ru/questions/1322/absolute-vs-relative-urls-question

Разница между абсолютной и относительной ссылкой

Абсолютные и относительные ссылки могут использоваться в самых разных IT-инструментах. Чаще всего — при конструировании веб-страниц, а также в электронных таблицах. Каким образом выглядят данные ссылки? Чем отличается абсолютная ссылка от относительной?

Содержание статьи

Итак, в числе тех распространенных IT-инструментов, в которых применяются абсолютные и относительные ссылки, — программа Excel.

Элемент первого типа представляет собой фиксированный (не меняющийся при копировании содержимого ячейки в другое место таблицы) набор координат ячеек, которые определены в формуле.

То есть при использовании абсолютной ссылки перемещение ячейки A1 в любую сторону не влияет на содержание формулы — координаты прописанных в ней ячеек не изменятся. Формула будет оставаться в том виде, в котором вписана пользователем в таблицу Excel изначально.

Отметим, что для того, чтобы зафиксировать «абсолютность» ссылки, в формуле необходимо проставить знак $ перед каждой координатой. Запись в ячейке, таким образом, будет выглядеть как = $A$1+$A$2.

В свою очередь, относительная ссылка — это набор координат ячеек в формуле, меняющихся при копировании в другое место таблицы ячейки, в которую вписана формула. То есть если изначально в ячейке A1 записана формула = B1+B2, то в случае с использованием относительной ссылки при копировании данной ячейки на клетку, расположенную правее, — на A2, формула автоматически изменится на = B2+B3.

В относительных ссылках, в свою очередь, не нужно проставлять знаков $. Собственно, его отсутствие и предопределяет «относительность», а не «абсолютность» ссылки.

к содержанию ↑

Ссылки в структуре веб-страницы

Понятие абсолютных и относительных ссылок используется также в сфере веб-разработки. Дело в том, что и те и другие могут размещаться в структуре веб-страниц. Каким образом?

Под относительной ссылкой, размещенной в структуре веб-страницы, понимается неполный адрес файла, выглядящий примерно как /page1234.html. Предполагается, что браузер, обнаружив относительную ссылку, автоматически добавит перед знаком / недостающую часть адреса файла для того, чтобы он загрузился.

Важно, чтобы переход по относительной ссылке осуществлялся с веб-страницы, расположенной на том же сайте, где размещен файл. То есть если на портале http://www.page1.com размещается страница с относительной ссылкой вида /page1234.html, то браузер, после того как пользователь кликнет по данной ссылке, начнет загружать файл по адресу http://www.page1.com/page1234.html.

Если, в свою очередь, разместить ее, к примеру, на портале http://www.page2.com, то браузер начнет загружать страницу http://www.page2.com/page1234.html. Поэтому веб-мастеру нужно быть внимательным с размещением относительных ссылок — главное, чтобы им соответствовал реальный файл на сервере.

Под абсолютной ссылкой в веб-странице понимается, в свою очередь, полный адрес файла, выглядящий как http://www.page.com/page1.html. Браузер будет обеспечивать переход к файлу только по этому адресу и никакому другому. Абсолютную ссылку можно встроить в веб-страницу, расположенную на любом сайте, — переход по ней на указанный файл всегда будет корректным.

к содержанию ↑

Сравнение

Главное отличие абсолютной ссылки от относительной в Excel в том, что при использовании первой содержание формулы, скопированной из одной ячейки в другую, сохраняется, при задействовании второй — меняется.

В другой области IT — веб-разработке — под абсолютной ссылкой понимается полный адрес файла, расположенного на сервере. Под относительной — лишь часть адреса, достаточная, однако, для того, чтобы браузер автоматически достроил полный путь к файлу, исходя из текущего адреса веб-страницы, на которой размещена относительная ссылка.

Определив, в чем разница между абсолютной и относительной ссылкой в двух основных IT-сферах, где данные понятия используются, зафиксируем выводы в таблице.

к содержанию ↑

Сравнительная таблица

Абсолютная ссылка Относительная ссылка
В программе Excel
Представляет собой вписанную в ячейку формулу, которая не меняется при копировании содержимого данной ячейки в другую часть таблицы Представляет собой формулу, которая меняется при копировании содержимого ячейки, в которую она вписана, в другую часть таблицы — в ней прописываются новые координаты синхронно изменившемуся положению ячейки
В веб-разработке
Представляет собой полную ссылку на файл — вместе с доменом, имеющимися субдоменами и подкаталогами Представляет собой частичную ссылку на файл — как правило, только в виде его наименования (браузер достраивает полный адрес файла автоматически — добавив домен и субдомены, на которых расположена веб-страница с относительной ссылкой)

Источник: https://TheDifference.ru/chem-otlichaetsya-absolyutnaya-ssylka-ot-otnositelnoj/

Что такое URL адреса, чем отличаются абсолютные и относительные ссылки для веб-сайта, создание, продвижение и заработок на веб-сайте, ссылки на домен

Обычно рекомендуют ограничиться набором из знаков: [0-9],[a-z],[A-Z],[_],[-].

Вообщем, во избежании ошибок, я бы рекомендовал задавать заглавие файлов и Урлов страничек собственного веб-сайта в нижнем регистре, ибо для юникс схожих систем (на которых работает большая часть интернет серверов) знаки в верхнем и нижнем регистре являются различными (в отличии от Windows). Из-за различных регистров может появиться никому не подходящая неурядица.

Итак, давайте поглядим что такое URL, для чего он нужен и из каких частей состоит. Как вы понимаете, поисковые машины создают индексацию веб-сайтов ни как одного целого, как совокупа отдельных страничек. Они позже будут участвовать в ранжировании по разным запросам в поисковике (читайте подробнее о подборе ключевиков в Вордстате на базе статистики запросов Yandex’а.

Ну итак вот, хоть какой документ (страница) в сети веб имеет собственный уникальный адресок URL, который расшифровывается как Uniform Resource Locator (определитель местопребывания ресурса).

Он, равно как и протокол HTTP, а к тому же как язык Html с валидатором W3C, был разработан и сотворен одним и этим же человеком — Тимом Бернерсом-Ли (папой основоположником проекта Глобальная сеть WWW — World Wide Web).

По сути URL является личным случаем другого идентификатора под заглавием URI (Uniform Resource Identifier — унифицированный идентификатор ресурса), но нам с вами все эти тонкости, вероятнее всего, будут не необходимы (излишни) при работе со своим веб-сайтом. Та часть URL, которая размещена за третьим слешем (/) — в нашем примере это «papka/fail.

html», именуется методом до определенного документа либо файла.

»Дмитрий, Вы пишете:«Вообщем, во избежании ошибок, я бы рекомендовал задавать заглавие файлов и URL страничек собственного веб-сайта в нижнем регистре, ибо для юникс схожих систем (на которых работает большая часть интернет серверов) знаки в верхнем и нижнем регистре являются различными (в отличии от Windows).

Для того, чтоб нам от документа донора пройти к файлу (либо документу) акцептору, будет нужно подняться из этой папки на уровень выше.

Для этого предусмотрен особый элемент — две точки попорядку, а потом через прямой слеш прописывается предстоящий путь к акцептору.

Потому для приведенного выше примера относительный путь будет иметь вид:Ну, а если после чего для прописывания относительного пути до акцептора для вас необходимо будет еще войти в какую-либо папку на втором верхнем (относительно документа донора) уровне:

Для того, чтоб удачно можно было раскрутить собственный веб-сайт, очень принципиально склеить эти два зеркала вашего веб-сайта с WWW либо без него через триста один редирект. Часто, клейку зеркал за вас может выполнить хостер, но это непременно необходимо будет проверить.

Т.е. для поисковиков веб-сайты с WWW либо без оного являются полностью различными и без их клейки, ссылочная масса будет делиться меж ними в неведомой для вас пропорции.

Но не считая всех этих вещей, которые могут заходить в состав URL, на приведенной чуток выше блок-схеме вы сможете созидать так именуемый якорь, который добавляется в самом конце после разделяющего знака решетки «#» (Урлы, содержащие якоря, обычно именуют хеш ссылками).

Якоря заблаговременно проставляются снутри Html кода документа (странички) при помощи добавление атрибута ID=»метка» в подходящий Html тег (абзаца, заголовка либо другой подходящий), а потом, добавив заглавие этого якоря к URL адресу странички через знак решетки «#», вы можете перейти не на начало этой страницы, а сходу к тому месту, где был проставлен якорь (все современные интернет браузеры автоматом прокрутят страничку до подходящего места).Про работу с ссылками в Html, и в том числе про компанию навигации на страничке при помощи хеш ссылок (якорей), читайте в этих статьях.Еще стоит сказать о разных шифровках, которые употребляются в URL адресах. Без перекодирования в их можно использовать только ограниченное количество знаков.

У меня, к примеру, главное зеркало — это «ktonanovenkogo.ru», т.е. «без атавизма», и если вы добавите к хоть какому моему Урлу эту чудо-приставку, то произойдет автоматическое перенаправление на адресок «без WWW».

Склеить можно не только лишь описанные выше зеркала, да и любые другие доменные имена, принадлежащие для вас.

К примеру, если может быть различное написание латинскими знаками какого-нибудь известного бренда, то покупаются все вероятные домены (варианты написания с ошибками, в различных доменных зонах и т.п.) и склеиваются меж собой.

Тогда, при воззвании к веб-сайту по хоть какому из вероятных URL адресов, будет раскрываться главное зеркало.

Откуда берутся излишние URL-адреса (дубли страничек) вашего веб-сайта в индексе поисковиков

У меня к для вас просьба: я читал вашу статью о страничке 404, но не совершенно сообразил. Если вы можете, то хотелось бы подробнее о том, как ее поменять, почитать. Этот вопрос тревожит не только лишь меня, да и многих других начинающих блоггеров.Век живи и век обучайся.

Но это еще не все, что может быть записано в адресе. Средством URL разные CMS (системы управления контентом) передают так именуемые GET характеристики, которые добавляются в самый его конец после простановки знака вопроса, к примеру, так:

Вся неудача в том, что для поисковых машин два таких URL адреса (с и без Get характеристик) являются полностью различными интернет документами и любой из их будет проиндексирован поисковиками.

К одному и тому же Урлу может добавляться вашей Cms сколько угодно много разных Get характеристик и все это будет проиндексировано Yandex’ом и Гуглом, если вы не создадите надлежащие запреты в файле robots.

txt, ссылка на статью про который приведена чуток выше.

В неприятном случае поисковики вас могут пессимизировать за огромное количество дублированного контента (1-го и такого же содержимого, доступного по различным адресам).

(даже по трем — к тому же http://ktonanovenkogo.ru/) и в любом случае раскроется основная страничка. Это достаточно плохо, т.к. поисковики отыщут у меня три различных странички (имеющих с их точки зрения различные URL адреса), но с схожим содержанием, что им, ох как не нравится.

Потому у меня изготовлено так, что при вводе хоть какого из приведенных чуток выше Урлов будет выполнено перенаправление на URL вида «http://ktonanovenkogo.ru/». Делается это, обычно, при помощи триста один редиректа в файле .htaccess, или впрямую в настройках сервера вами самими, или вашим хостером.

Структура Урл адреса и перекодировка в URL-encoded

Это как необходимость выключать телефоны в самолете: все отлично понимают, что на такую высоту волны сотовых операторов все равно не доходят, а аппаратура на борту не рассчитана разве что на галлактическое излучение, но все равно продолжают этим заниматься, хотя даже «Разрушители легенд» обосновали, что мобильник для нее — как заноза в пятке носорога. Так что пред нами — обычный пример массового психоза. А всему виной кто? Верно — жиды.Эдуард: не путайте техно сторону и маркетинг.

WWW в адресе по собственной сущности — это некоторый атавизм, который делает ваше доменное имя второго уровня доменом третьего.

Тоже справедливо и при переезде веб-сайта на защищенный протокол https с http — для поисковиков это будет уже другой веб-сайт (ниже приведено видео с разъяснением, когда лучше склевать такие зеркала).Ничего отвратительного в использовании WWW в URL веб-сайта

Источник: https://tirnet.ru/lh62/chto-takoe-url-adresa-chem-otlichajutsja/

Ссылка на основную публикацию