Щоб попередньо завантажити фонові зображення, які стосуються пристрою клієнта:
- Додайте <link> для зображень із URL-адресами href.
- Вам потрібно додати rel=preload, щоб підказати браузеру отримати його за пріоритетом.
- Додайте as=image до тегу <link>, щоб він приймав властивості, які підтримуються/прийнятні елементами зображення.
Фоновий атрибут
- Відкрийте файл HTML у текстовому редакторі.
- У початковому тегу <body> у файлі Html введіть <Body background=” “>
- Вкажіть шлях до зображення, яке ми хочемо додати. (Приклад, <Body background=”C:\Users\anshuman. singh\Downloads\infoedge. jpg “>
- Збережіть файл Html у текстовому редакторі та запустіть файл.
Тег <link> з атрибутом rel="preload".: цей тег можна використовувати для визначення URL-адреси файлу зображення, а також його розміру та типу носія. Конструктор Image() у JavaScript: цей конструктор можна використовувати для створення об’єкта Image, якому потім можна призначити URL-адресу файлу зображення.
Встановіть фонове зображення за допомогою елемента HTML body Додайте код bgproperties="fixed" в елемент body, як показано нижче. Далі додайте атрибут background="location" до тегу body, де location — це відносна або абсолютна URL-адреса (уніфікований покажчик ресурсу) зображення. У наведеному вище прикладі background="bg.
Ви можете попередньо завантажити ресурси, додавши тег <link> із rel="preload" до заголовка свого документа HTML:
- <link rel="preload" as="script" href="critical.js">
- <голова> …
- <link rel="preload" href="ComicSans.woff2" as="font" type="font/woff2" crossorigin>
- import(_/* webpackPreload: true */_ "CriticalChunk")