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

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

Coursme
15 мин.
30 янв. 2024

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

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

Абсолютные адреса для изображений и файлов

Полный URL для изображения:

<img src="https://www.example.com/images/photo.jpg" alt="Фотография">

В данном примере мы используем полный URL https://www.example.com/images/photo.jpg для загрузки изображения. Это особенно полезно, когда ресурс расположен на другом домене или вне текущего веб-проекта.

Абсолютные адреса для гиперссылок

Ссылка на внешний сайт:

<a href="https://www.example.com" target="_blank">Посетить example.com</a>

В этом примере мы используем абсолютный адрес https://www.example.com в атрибуте href для создания ссылки на внешний сайт. Атрибут target="_blank" говорит браузеру открывать ссылку в новой вкладке.

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

Использование атрибута base:

<head>
 <base href="https://www.example.com/">
</head>
<body>
 <a href="page.html">Перейти на страницу</a>
</body>

Атрибут base устанавливает базовый URL для всех относительных ссылок на странице. В данном случае, даже если ссылка page.html указана относительно текущей директории, она будет обращаться к полному URL https://www.example.com/page.html.

Заключение

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

Назад
Следующий тест
Комментарии
Чтобы оставлять комментарии — надо авторизоваться
Комментариев еще нет
Будьте первым
Главная
Курсы
Блог
Меню