Зображення

Оновлено: 29.11.2022

  • area

    area

    Кожен елемент <area> (від англ. area — область, регіон) визначає активні області зображення, котрі є посиланнями. Малюнок із прив'язаними до нього активними областями називається в сукупності картою-зображенням. Така карта за за зовнішнім виглядом нічим не відрізняється від звичайного зображення, але при цьому воно може бути розділеним на видимі зони різної форми, де кожна з областей э посиланням. Елемент <area> задає форму області, її розміри, встановлює адресу документа, який слід зробити посилання. <area> завжди розташовується в контейнері <map>, котрий пов'язує координати областей із зображенням.

  • img

    img

    Елемент <img> (від англ. image - зображення) призначений для відображення на вебсторінці зображень у графічному форматі GIF, JPEG, SVG або PNG. Адреса файлу з зображенням задається через атрибут src. Якщо необхідно, малюнок можна зробити посиланням на інший файл, помістивши <img> у контейнер <a>.

  • map

    map

    Елемент <map> (від англ. map — карта) є контейнером для елементів <area>, які визначають активні області для карт-зображень. Такі області встановлюють невидимі зони зображення, які є посиланнями на HTML-документи. Мета використання <map> - зв'язати елемент <img> з клієнтською картою-зображенням. Цей зв'язок визначається застосуванням єдиного ідентифікатора як <img>, що задається атрибутом usemap, так і <map>, встановлюваного атрибутом name.

  • picture

    picture

    Являє собою контейнер для зберігання декількох елементів <source>, які підтримують елемент <img>. Це дозволяє вказувати різні зображення з урахуванням розміру екрана, щільності пікселів, формату зображення та інших параметрів. Ось кілька сфер застосування <picture> (від англ. picture — картинка, зображення):