Главная
HTML-тег <object>
Характеристики
- Тип: встроенный контент, интерактивный, медиа
- Назначение: Используется для включения мультимедиа, таких как изображения, аудио, видео, Java-апплеты и другие объекты.
- Родители: Любые элементы, допускающие встроенный контент.
- Потомки: <param> элементы и альтернативный контент.
- Глобальные атрибуты: все
- Атрибуты событий: все
Атрибуты
- data — URL ресурса, который будет отображаться.
- type — MIME-тип ресурса.
- width — Ширина объекта.
- height — Высота объекта.
- name — Имя объекта для взаимодействия с формами.
- form — Связывает объект с формой, если он находится вне её.
- usemap — Указывает имя карты-изображения для использования с <map>.
- align — Определяет выравнивание объекта относительно окружающего текста.
- archive — Список файлов, необходимых для объекта.
- declare — Указывает, что объект должен быть объявлен, но не должен отображаться.
- codetype — Определяет тип кодирования для ресурса.
- standby — Сообщение, отображаемое до загрузки объекта.
Пример использования
<object data="animation.swf" type="application/x-shockwave-flash" width="550" height="400">
<p>Ваш браузер не поддерживает объект.</p>
</object>
Использование в JavaScript
// Доступ к объекту
const objectElement = document.querySelector('object');
objectElement.data = 'new-animation.swf';
Рекомендации по обеспечению доступности (a11y)
- Всегда предоставляйте альтернативный контент внутри <object> на случай, если объект не загрузится.
- Убедитесь, что объект доступен и совместим с различными устройствами.
- Используйте современные стандарты вместо устаревших плагинов, если возможно.
Полезные ссылки