HTML Тег <object>
Приклад
Вбудоване зображення:
<object data="../images/pic_trulli.jpg" width="300" height="200"></object>
Спробуйте самі »
Приклад
Вбудована HTML сторінка:
<object data="snippet.html" width="500" height="200"></object>
Спробуйте самі »
Приклад
Вбудоване відео:
<object data="video.mp4" width="400" height="300"></object>
Спробуйте самі »
Визначення та використання
Тег <object> визначає контейнер для зовнішнього ресурсу.
Зовнішнім ресурсом може бути вебсторінка, зображення, медіапрогравач або плагін програми.
Запам’ятайте!
Щоб вставити зображення, краще використовувати тег <img>.
Щоб вставити HTML, краще використовувати тег <iframe>.
Щоб вставити відео або аудіо, краще використовувати теги <video> та <audio>.
Підтримка браузерами
| Елемент | |||||
|---|---|---|---|---|---|
| <object> | Так | Так | Так | Так | Так |
Плагіни
Тег <object> спочатку був розроблений для вбудовування плагінів браузера.
Плагіни – це комп’ютерні програми, які розширюють стандартні функції веббраузера.
Плагіни використовувалися для багатьох різних цілей:
- Запуск аплетів Java
- Запуск елементів керування ActiveX
- Показ Flash-фільмів
- Показати карти
- Сканування на наявність вірусів
- Підтвердження ідентифікатора банку
УВАГА!
Більшість браузерів більше не підтримують аплети та плагіни Java.
Елементи керування ActiveX більше не підтримуються в жодному браузері.
У сучасних браузерах також вимкнено підтримку Shockwave Flash.
Атрибути
| Атрибут | Значення | Опис |
|---|---|---|
| data | URL | Визначає URL-адресу ресурсу, який буде використовуватися об’єктом |
| form | form_id | Визначає, до якої форми належить об’єкт |
| height | pixels | Визначає висоту об’єкта |
| name | name | Визначає ім’я для об’єкта |
| type | media_type | Визначає тип носія даних, указаний в атрибуті data |
| typemustmatch | true/false | Визначає, чи повинні атрибут типу та фактичний вміст ресурсу збігатися для відображення |
| usemap | #mapname | Визначає назву карти зображення на стороні клієнта, яка буде використовуватися з об’єктом |
| width | pixels | Визначає ширину об’єкта |
Глобальні атрибути
Тег <object> також підтримує Глобальні атрибути в HTML.
Атрибути подій
Тег <object> також підтримує Атрибути подій в HTML.
Пов’язані сторінки
HTML підручник: HTML Елемент Object
HTML DOM довідник: Об’єкт Object
CSS налаштування за замовчуванням
Більшість браузерів будуть відображати елемент <object> з наступними значеннями за замовчуванням:
object:focus {
outline: none;
}
