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

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

Наряду с понятиями гипертекста и протокола 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 14 февр. 2023 г. by MDN contributors.

Что такое URL адрес сайта в интернете, как узнать и составить

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

Впервые термин был использован в 1990 году, тогда же и начал активно применяться. Его автором является создатель мирового интернета Тим Бернерс-Ли. Первое назначение URL — адресация мест расположения ресурсов (например файлов) во Всемирной паутине.

Как работает URL

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

Чтобы узнать URL отдельного файла (например картинки), достаточно навести курсор на изображение, нажать правую клавишу мыши и выбрать пункт «Копировать адрес изображения». Если затем вставить его в поисковую строку, можно открыть только эту картинку, без перехода на сам сайт. Такой же прием работает и с другими отдельными файлами. Пример показан на картинке: страница сайта skillfactory.ru и попытка скопировать URL видео.

Как скопировать URL

Из чего состоит URL

Разберем на примере страницы блога на сайте SkillFactory.

В начале адреса обычно указывается сетевой протокол. Это стандартные и знакомые многим буквы http. В некоторых браузерах протокол часто скрыт по умолчанию. Например, Google Chrome не показывает это буквенное обозначение. Стандартная форма — http. Есть также форма https, которая указывает на поддержку шифрования для установки безопасного соединения. Кроме того, существует еще несколько протоколов, которые встречаются значительно реже:

• mailto — браузер выполняет отправку писем на определенный адрес;
• file — появляется, когда вы открываете через браузер файлы с компьютера. Например, скачанные ранее pdf-файлы;
• ftp — открытие файлового сервера. Может указываться логин и пароль для перехода в свою учетную запись.

После кодового обозначения протокола идет доменное имя сайта. В нашем случае — blog.skillfactory.ru. Иногда может указываться IP-адрес сайта или номер порта.

Наконец, далее следует раздел на сайте, куда мы попали по этой ссылке. В нашем случае — https://blog.skillfactory.ru/career/, перечень статей в разделе «Карьера».

Разновидности URL

Существует два вида URL — динамические и статические.

Динамические. Адреса генерируются в ответ на поисковые запросы пользователей сети. Они содержат специальные обозначения-разделители: «?», «=», «&». После них можно увидеть дополнительные параметры страницы. Это, например, стандартный вариант URL для интернет-магазинов.

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

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

Языковые форматы URL

Традиционно язык интернета преимущественно английский. Это нашло отражение и в создании URL-адресов. Латиница используется в сайтах всего мира и является универсальным способом общения. Например, для русскоязычных сайтов предпочтительнее подписывать разделы как “news”, “blog”, “community” и т.д. Это облегчает и расширяет возможность их поиска.

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

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

Какие URL считаются человекопонятными

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

Плюсы человекопонятных URL прямо следуют из уже знакомых нам пунктов:

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

Правила транслитерации

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

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

Рекомендации к созданию URL

1. Включайте в описание адреса ключевые слова, поскольку поисковые роботы ориентируются и на адресные описания. Но не стоит ими злоупотреблять, чтобы поисковик не расценил это как попытку использования спамных методов продвижения.
2. Создавайте максимально короткий и удобный URL. Лучше, если в нем будет не более 4–5 слов или 80 символов. Длинным ссылкам проблематично попасть в поисковую выдачу.
3. Иногда из URL рекомендуется убирать названия некоторых разделов. Если требуемая страница находится далеко от главной, ее адрес будет слишком длинным.
4. Используйте латиницу в описании адреса. При всех кажущихся преимуществах, кириллические адреса уступают латинице в плане продвижения.
5. Разделяйте слова в адресе не нижним подчеркиванием, а знаком дефиса.
6. При изменении написания адреса необходимо настроить 301 редирект.

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

Что такое веб-адрес?

Давайте обсудим каждую часть веб-адреса.

Схема

Схема указывает протокол — набор правил, регулирующих связь, которую браузеры должны использовать для доступа к ресурсам веб-сайта. Некоторые из популярных схем включают HTTPS, TCP, Mailto и FTP.

Субдомен

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

Доменное имя

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

Вы можете приобрести доменные имена у таких регистраторов, как Namecheap, Domain.com или Bluehost.

Примечание. Доменные имена иногда называют именами хостов или веб-сайтов.

Домен верхнего уровня

Домен верхнего уровня (TLD) помогает отнести веб-сайт к определенной категории в Интернете.

Например, в https://www.army.mil домен верхнего уровня mil классифицирует армейский веб-сайт как военный домен.

Аналогичным образом, в https://www.harvard.edu домен верхнего уровня edu классифицирует веб-сайт Гарварда как образовательный ресурс.

Порт

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

Например, в https://www.codesweetly.com:80 , порт 80.

Другими словами, порт 80 — это шлюз, предназначенный для обслуживания ресурсов CodeSweetly.

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

Например, предположим, что сервер сайта использует порт 80 для HTTP (или порт 443 для HTTPS). В таком случае вам не нужно указывать номер порта при вводе URL-адреса.

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

Путь к файлу

Путь к файлу URL — это путь (маршрут) к ресурсу веб-сайта на веб-сервере.

Параметр

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

Якорь

Якорь — это ссылка на определенную часть того же файла, на который ссылается URL-адрес.

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

• Часть после символа решетки (#) якоря иногда называют идентификатором фрагмента.
• Идентификатор фрагмента никогда не отправляется на сервер.

Краткий обзор

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

• .

  Якорь: закладка в определенной части книги. Например, закладка заголовка страницы.

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

• Путь к файлу: конкретная страница, которая вам нужна из книги; например, стр. 625.

• Порт: Номер двери магазина, где можно получить доступ к книге; например, дверь 70.

• Домен верхнего уровня: Жанр, к которому относится книга; например, Образовательный.

• Доменное имя: Название книги; например, Библия.

• Субдомен: конкретный раздел книги, к которому вы хотите получить доступ; например, Ветхий Завет.

• Схема

  : набор правил, которые должен использовать ваш агент, чтобы получить книгу от хранителя; например, Любовь.

• URL: полный веб-адрес нужного вам содержания книги; например,

 love://oldtestament. bible.educational:70/page625?lang=en#zophar-speaks
 

Адрес веб-сайта Определение | Law Insider