Содержание

Что такое URL-адрес? — Изучение веб-разработки

Данная статья описывает Единый локатор ресурсов или Uniform Resource Locators (URLs), объясняет, что это такое, и описывает его структуру.

Предварительно: Вам нужно узнать как работает интернет, что такое Веб сервер (en-US) and что лежит в основе веб ссылок.
Цель: Вы узнаете, что такое URL и как они работают в вебе.

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

URL обозначает Uniform Resource Locator. URL это лишь адрес, который выдан уникальному ресурсу в интернете. В теории, каждый корректный URL ведёт на уникальный ресурс. Такими ресурсами могут быть HTML-страница, CSS-файл, изображение и т. д. На практике, существуют некоторые исключения, когда, например, URL ведёт на ресурс, который больше не существует или который был перемещён. Поскольку ресурс, доступный по URL, а также сам URL обрабатываются веб-сервером, его владелец должен внимательно следить за размещаемыми ресурсами и связанными с ними URL.

Активного обучения пока не существует. Пожалуйста подумайте, возможно вы сможете внести свой вклад.

Основы: анатомия URL

Вот несколько примеров URL:

https://developer.mozilla.org
https://developer.mozilla.org/ru/docs/Learn/
https://developer.mozilla.org/ru/search?q=URL

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

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

http://www.example.com:80/path/to/myfile.html?key1=value1&key2=value2#SomewhereInTheDocument

http:// это протокол. Он отображает, какой протокол браузер должен использовать. Обычно это HTTP-протокол или его безопасная версия — HTTPS. Интернет требует эти 2 протокола, но браузеры часто могут использовать и другие протоколы, например mailto: (чтобы открыть почтовый клиент) или

ftp: для запуска передачи файлов, так что не стоит удивляться, если вы вдруг увидите другие протоколы.

www.example.com это доменное имя. Оно означает, какой веб-сервер должен быть запрошен. В качестве альтернативы может быть использован и IP-адрес, но это делается редко, поскольку запоминать IP сложнее, и это не популярно в интернете.

:80 это порт. Он отображает технический параметр, используемый для доступа к ресурсам на веб-сервере. Обычно подразумевается, что веб-сервер использует стандартные порты HTTP-протокола (80 для HTTP и 443 для HTTPS) для доступа к своим ресурсам. В любом случае, порт — это факультативная составная часть URL.

/path/to/myfile.html это адрес ресурса на веб-сервере. В прошлом, адрес отображал местоположение реального файла в реальной директории на веб-сервере. В наши дни это чаще всего абстракция, позволяющая обрабатывать адреса и отображать тот или иной контент из баз данных.

?key1=value1&key2=value2 это дополнительные параметры, которые браузер сообщает веб-серверу. Эти параметры — список пар ключ/значение, которые разделены символом

&. Веб-сервер может использовать эти параметры для исполнения дополнительных команд перед тем как отдать ресурс. Каждый веб-сервер имеет свои собственные правила обработки этих параметров и узнать их можно, только спросив владельца сервера.

#SomewhereInTheDocument это якорь на другую часть того же самого ресурса. Якорь представляет собой вид «закладки» внутри ресурса, которая переадресовывает браузер на «заложенную» часть ресурса. В HTML-документе, например, браузер может переместиться в точку, где установлен якорь; в видео- или аудио-документе браузер может перейти к времени, на которое ссылается якорь. Важно отметить, что часть URL после #, которая также известна как идентификатор фрагмента, никогда не посылается на сервер вместе с запросом.

Примечание: Есть и другие составные части и правила, касающиеся URL, но обычно они не используются ни пользователями, ни разработчика. Поэтому не стоит о них беспокоиться, вам не обязательно их знать, чтобы формировать работоспособные URL.

Вам стоит представлять URL как обычный почтовый адрес: протокол обозначает почтовый транспорт, который вы собираетесь использовать,доменное имя — это город, порт — это почтовый индекс; адрес

— это номер дома;параметры представляют собой дополнительную информацию, как, например, номер квартиры; и, наконец, якорь представляет собой конкретного получателя, которому вы адресуете своё письмо.

Как использовать URL

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

Язык HTML — который будет обсуждать позже (en-US) — позволяет активно использовать URL для:

  • создания ссылок на другие документы с помощью тега <a>;
  • связывания документа с его дополнительными файлами, например с помощью тегов <link> или <script>;
  • отображения медиа-элементов, например изображений (с помощью тега <img>), видео (с помощью тега <video>), звуков и музыки (с помощью тега <audio>) и так далее;
  • отображения других HTML-документов внутри текущего с помощью тега <iframe> (en-US).

Примечание: При указании URL-адресов для загрузки ресурсов как части страницы (например, при использовании <script>, <audio>,

<img>, <video>, и т. д.), следует использовать только URL-адреса HTTP и HTTPS. Использование FTP, например, не особенно безопасно и больше не поддерживается многими браузерами.

Другие технологии, такие как CSS или JavaScript, также активно используют URL, так что это реально основа веба.

Абсолютные и относительные URL

Все, что мы изучали выше — это абсолютные URL. Но так же существуют и относительные URL. Изучим их.

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

Когда URL используется в документе, например в HTML-странице, ситуация отличается. Потому что браузер уже знает URL текущего документа и он может использовать эти сведения для дополнения недостающих частей любого адреса, указанного в документе. Простейший пример относительного URL — указание только адресной части URL. А если адрес в URL начинается с символа "/«, браузер запросит ресурс от корня сервера, без отсылки к контексту текущего документа.

Разберём это на примерах.

Примеры абсолютных URL
Полный URL (такой же, как обсуждали в начале статьи)
https://developer.mozilla.org/ru/docs/Learn
Скрыт протокол
//developer.mozilla.org/ru/docs/Learn

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

Скрыт домен
/ru/docs/Learn

Это наиболее частый пример использования абсолютного URL в HTML-документе. Браузер использует тот же протокол и то же доменное имя, как у текущего документа. Примечание: не возможно скрыть домен, не скрывая при этом протокол, только вместе.

Примеры относительных URL

Для лучшего понимания следующих примеров, давайте договоримся, что мы обращаемся к URL из документа, который опубликован по адресу: https://developer.mozilla.org/ru/docs/Learn

Дочерние ресурсы
Skills/Infrastructure/Understanding_URLs

Поскольку URL не начинается с /, браузер сделает попытку найти документ в поддиректории относительно текущего документа. В данном примере будет запрошен этот URL: https://developer.mozilla.org/ru/docs/Learn/Skills/Infrastructure/Understanding_URLs

Назад по дереву папок
../CSS/display

В этом случае, мы используем команду ../ — унаследованную из файловой системы UNIX — чтобы сказать браузеру, что он должен подняться на 1 директорию вверх. Соответственно, здесь мы хотим открыть URL:

https://developer.mozilla.org/ru/docs/Learn/../CSS/display, который может быть упрощён до вида: https://developer. mozilla.org/ru/docs/CSS/display

Семантические URL

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

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

  • Ими легче управлять.
  • Они дают понять пользователю, что находится по данному URL даже без перехода на страницу.
  • Поисковые системы могут использовать семантику для улучшения классификации страниц.
  • Понимание доменных имён

Found a content problem with this page?

  • Edit the page on GitHub.
  • Report the content issue.
  • View the source on GitHub.

Want to get more involved?

Learn how to contribute.

This page was last modified on by MDN contributors.

Что такое url? Для чайников.

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

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

  • что такое URL адрес
  • протокол
  • домен
  • путь
  • дополнительные компоненты

Что таке URL-адрес сайта?

URL расшифровывается как Унифицированный указатель ресурса, это, по сути, является адресом сайта. URL используется для определения того, где размещен сайт во всемирной сети интернет. Например, вы вводите https://google.com в своем браузере, и он использует эту информацию, чтобы найти, где находятся все ресурсы, которые использует сайт Google, и кто обслуживает этот сайт.

Возьмем для примера наш сайт, URL которого https://wphost.me . URL можно разделить на три основных элемента: Протокол, Имя домена и Путь. Не волнуйтесь, если эти три слова не упростили, а больше усложнили ситуацию, дальше мы все объясним по очереди.

1) Протокол

Первая часть URL – это протокол. Это можно сравнить с понятием «язык», то есть протокол указывает язык, который компьютеры используют для общения друг с другом через Интернет.  Как вы могли заметить, веб-сайты обычно используют HTTP или защищенный протокол HTTPS. Однако есть дополнительные, менее известные большинству пользователей протоколы, такие как FTP или IMAP, которые, возможно, вы когда-то встретите в практике. На сегодняшний день большинство сайтов работает через протокол HTTPS, раньше для этого необходимо было покупать специальный сертификат, теперь наш хостинг предоставляет сертификат бесплатно для каждого вашего сайта, что вы у нас размещаете.

2) Домен

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

Вот как это работает. Возьмем для примера Google. Для доступа к сайту Google вашему браузеру понадобится определенный “компьютерный” адрес, называемый IP-адрес, он будет выглядеть примерно так для домена гугл – 172. 217.3.110. Как видите, такой адрес довольно сложно запомнить и трудно потом использовать. Для решения этой проблемы используется доменное имя, например www.google.com.

Когда вы вводите это доменное имя в своем браузере, оно отправляется в “базу данных”, известную как система доменных имен (DNS). Здесь, введенное вами доменное имя превращается в IP-адрес, позволяющий вашему браузеру получить информацию о сервере, где размещено содержимое сайта. Поэтому, когда вы вводите домен google.com в своем браузере, он проходит через DNS, превращается в 172.217.3.110, и браузер получает фактическую “прописку” сайта Google в сети.

Еще один нюанс относительно доменного имени. Доменное имя заканчивается суффиксом, который когда-то имел целью обозначать тип веб-сайта, для которого домен используется. Если у вас .com – это домен для коммерческих сайтов, .org для организаций, . edu для образовательных сайтов и тому подобное. Чтобы купить домен определенного типа для своего сайта, вам нужно воспользоваться услугой Регистрации доменных имен

3) Путь

Третий компонент URL – это Путь, что обозначает «ресурс», к которому вы хотите получить доступ на сайте. Это может быть страница, публикация, файл или просто любой тип содержимого, который может иметь веб-сайт, именно путь указывает серверу, какую часть сайта вы хотите видеть / скачать через браузер.

Дополнительные компоненты URL-адреса

Мы описали три основных компонента URL-адреса, но есть еще некоторые дополнительные компоненты, с которыми вы можете встречаться время от времени. Дополнительные компоненты перечислены ниже:

  • Субдомен: это в определенном техническом смысле то же, что и домен. Владелец домена может создавать дополнительные “дочерние” домены для своих целей, которые называются субдомен. Например, help.wphost.me указывает на субдомен help, созданный для домена wphost. me, чтобы разместить базу знаний. Домен и субдомен могут обслуживать различные сайты, они могут быть размещены на физически разных серверах.
  • Порт: иногда в конце названия домена может быть указан через “двоеточие” номер порта, данная информация нужна, чтобы указать серверу, который обслуживает указанный домен, тип информации / услуги, что вы хотите получить. Для открытия сайта по протоколу HTTP номер порта равен 80, а по HTTPS используется 443 (эти два номера не нужно указывать в адресе сайта, браузер их использует автоматически). Если вы пытаетесь получить доступ к сервису FTP (еще один протокол передачи данных) – то нужно использовать порт 21, например.
  • Запрос: запрос – это строка, которой предшествует ‘?’ знак, эта информация используется для передачи дополнительных данных на сервер. Возможно, вы заметили это при поиске в Google. Для поиска слова ” wphost.me ” в Google вы можете воспользоваться URL-ом https://www.google.com/search?q=wphost. me . Здесь часть, “? q = wphost.me ” – это Запрос, который сообщает серверам Google о том, что именно вы хотите искать.
  • Фрагмент / якорь: это идентификатор, который может использоваться для навигации к определенной части веб-страницы. Он расположен в конце URL-адреса, а предшествует ему знак “#”. Пример, ссылка на эту часть статьи https://wphost.me/ru/other-ru/chto-takoe-url-dlya-chajnikov/#url5

Вот и все на сегодня, надеемся, мы смогли без лишней “воды” объяснить, что такое URL-адрес веб-сайта. Если у вас есть какие-то вопросы, не стесняйтесь спросить нас в комментариях ниже. Также вы можете просмотреть другие статьи нашего блога , где мы пытаемся написать о сложных вещах простыми словами.

Что такое URL? — Изучите веб-разработку

В этой статье обсуждаются унифицированные указатели ресурсов (URL), объясняются, что они из себя представляют и как они структурированы.

Предпосылки: Вы должны сначала знать как работает интернет, что такое веб-сервер и концепции, лежащие в основе ссылок в Интернете.
Цель: Вы узнаете, что такое URL и как он работает в Интернете.

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

URL-адрес означает Единый указатель ресурсов . URL-адрес — это не что иное, как адрес данного уникального ресурса в Интернете. Теоретически каждый действительный URL-адрес указывает на уникальный ресурс. Такими ресурсами могут быть HTML-страница, документ CSS, изображение и т. д. На практике существуют некоторые исключения, наиболее распространенным из которых является URL-адрес, указывающий на ресурс, которого больше не существует или который был перемещен. Поскольку ресурс, представленный URL-адресом, и сам URL-адрес обрабатываются веб-сервером, владелец веб-сервера должен тщательно управлять этим ресурсом и связанным с ним URL-адресом.

Вот несколько примеров URL: 

 https://developer.mozilla.org
https://developer.mozilla.org/en-US/docs/Learn/
https://developer.mozilla.org/en-US/search?q=URL

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

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

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

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

Первая часть URL-адреса — это схема , которая указывает протокол, который браузер должен использовать для запроса ресурса (протокол — это установленный метод обмена или передачи данных по компьютерной сети). Обычно для веб-сайтов используется протокол HTTPS или HTTP (его незащищенная версия). Для адресации веб-страниц требуется одна из этих двух, но браузеры также знают, как обрабатывать другие схемы, такие как 9.0067 mailto: (чтобы открыть почтовый клиент), так что не удивляйтесь, если увидите другие протоколы.

Далее следует орган , который отделен от схемы символьным шаблоном :// . Если присутствует, полномочия включают в себя как домен (например, www. example.com ), так и порт ( 80 ), разделенные двоеточием:

  • Домен указывает, какой веб-сервер запрашивается. Обычно это доменное имя, но может использоваться и IP-адрес (но это редко, так как гораздо менее удобно).
  • Порт указывает на технические «ворота», используемые для доступа к ресурсам на веб-сервере. Обычно он опускается, если веб-сервер использует стандартные порты протокола HTTP (80 для HTTP и 443 для HTTPS) для предоставления доступа к своим ресурсам. В противном случае это обязательно.

Примечание: Разделителем между схемой и полномочиями является :// . Двоеточие отделяет схему от следующей части URL-адреса, а // указывает, что следующая часть URL-адреса является авторитетной.

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

/path/to/myfile.html — это путь к ресурсу на веб-сервере. На заре Интернета такой путь представлял собой физическое местоположение файла на веб-сервере. В настоящее время это в основном абстракция, управляемая веб-серверами без какой-либо физической реальности.

?key1=value1&key2=value2 — дополнительные параметры, предоставляемые веб-серверу. Эти параметры представляют собой список пар ключ/значение, разделенных символами и . Веб-сервер может использовать эти параметры для выполнения дополнительных действий перед возвратом ресурса. Каждый веб-сервер имеет свои собственные правила в отношении параметров, и единственный надежный способ узнать, обрабатывает ли конкретный веб-сервер параметры, — это обратиться к владельцу веб-сервера.

#SomewhereInTheDocument — это якорь к другой части самого ресурса. Якорь представляет собой своего рода «закладку» внутри ресурса, давая браузеру указания показать содержимое, расположенное в этом «закладке». Например, в HTML-документе браузер будет прокручивать до точки, где определена привязка; в видео- или аудиодокументе браузер попытается перейти к тому времени, которое представляет якорь. Стоит отметить, что часть после #, также известная как идентификатор фрагмента никогда не отправляется на сервер вместе с запросом.

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

Язык HTML, который будет обсуждаться позже, широко использует URL-адреса: