Адрес

Адресом называется путь к документу, например, к графическому файлу. Адрес необходим в тех случаях, когда делается ссылка на веб-страницу или загружается определённый файл. Например, в элементе <img> адрес используется в качестве значения атрибута src, он задаёт путь к файлу с изображением.

Синонимом адреса выступает URL (Universal Resource Locator, универсальный указатель ресурсов), различают абсолютные и относительные адреса.

Абсолютные адреса

Подобные адреса работают везде и всюду независимо от имени сайта или веб-страницы, где задан URL, и начинаются всегда с указания протокола передачи данных. Для веб-страниц это обычно HTTP (HyperText Transfer Protocol, протокол передачи гипертекста) или HTTPS (HyperText Transfer Protocol Secure, безопасный протокол передачи гипертекста), соответственно, абсолютные адреса начинаются с ключевого слова http:// или https://.

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

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

Относительные адреса указываются от корня сайта или текущего документа. Например, код <img src="pic.gif"> означает загрузить графический файл с именем pic.gif, который располагается в той же папке, что и сама веб-страница. Далее рассмотрим несколько примеров таких адресов.

/
Адрес указывает обычно на файл index.html, который находится в корне сайта. Если файл index.html отсутствует, браузер, как правило, показывает список файлов, находящихся в данном каталоге. Имя файла не обязательно должно быть index.html, этот параметр меняется через настройки веб-сервера — так называется программа, которая анализирует приходящие от браузера запросы и передаёт ему документы, показываемые пользователю.

/images/pic.gif
Косая черта (символ /) перед адресом говорит о том, что адресация начинается от корня сайта. Ссылка ведёт на рисунок pic.gif, который находится в папке images. А та в свою очередь размещена в корне сайта.

../help/me.html
Две точки перед именем указывают браузеру перейти на уровень выше в списке каталогов сайта и там «поискать» в папке help файл me.html.

manual/info.html
Если перед именем папки нет никаких дополнительных символов, вроде точек или косой черты, то папка размещена внутри текущего каталога, а уже в ней располагается файл info.html.

Адреса относительно корня сайта вроде /demo/ работают только под управлением веб-сервера и на локальном компьютере не применимы.

Пример

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>Ссылка</title> </head> <body> <p><a href="https://htmlbook.ru/html/body">Описание тега BODY</a></p> </body> </html>

В данном примере текстовая ссылка ведет на сайт htmlbook.ru и указывает на веб-страницу с именем body, которая располагается в каталоге html.

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>Ссылки</title> </head> <body> <p><a href="image/xxx.jpg">Посмотрите на мою фотографию!</a></p> <p><a href="page/tip.html">Как сделать такое же фото?</a></p> </body> </html>

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

Браузеры

3 12 1 4 1 1
4.4 1 6 3.1

В таблице браузеров применяются следующие обозначения.

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

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