Элементы embed и object

<embed> встраивает внешнее содержимое с помощью плагина браузера или встроенного обработчика браузера. Его атрибут type указывает тип MIME; src — URL ресурса. Это пустой элемент без дочерних элементов и резервного содержимого.

<object> гибче, чем embed. Его атрибут data указывает на ресурс, а type задаёт тип MIME. Дочерние элементы служат резервным содержимым, если объект не удаётся загрузить, включая вложенный object или описательный текст.

Вложите резервное содержимое: <object data="file.pdf" type="application/pdf"><a href="file.pdf">Download PDF</a></object>. Если браузер не может отобразить PDF непосредственно на странице, вместо него отображается ссылка для скачивания. Резервное содержимое — главное преимущество object перед embed.

Встраивайте PDF-файлы с помощью object или embed: <object data="doc.pdf" type="application/pdf" width="100%" height="600">. Поддержка браузерами различается: Chrome и Firefox отображают PDF нативно, а другие браузеры могут показать запрос на скачивание. Предоставляйте резервную ссылку.

Для встраивания HTML-документов предпочитайте iframe (он предназначен именно для этого и имеет понятную модель безопасности). Для медиа-плагинов используйте embed (устаревший Flash, отображение SVG). Для документов с резервным содержимым используйте object. В современной разработке большинство сценариев использования плагинов обеспечивают встроенные элементы HTML5 (video, audio, canvas).

И embed, и object могут выполнять содержимое плагинов (исторически — Flash), что представляет собой значительную поверхность атаки. Современные браузеры удалили поддержку плагинов. Встраивать следует только доверенное содержимое. Содержимым embed или object из другого источника нельзя управлять с помощью скриптов так же, как содержимым того же источника.

Встраивание SVG с помощью object: <object data="image.svg" type="image/svg+xml" width="200" height="200">. В отличие от элемента img, SVG внутри object может выполнять собственные скрипты и реагировать на внешние CSS (если источники совпадают). Используйте этот способ для интерактивного SVG, когда встроить SVG непосредственно непрактично.

Передавайте параметры плагину object с помощью вложенных элементов <param name="autoplay" value="true">. Это был стандартный способ настройки объектов Flash. Сейчас такой подход используется редко, поскольку браузеры удалили поддержку плагинов.

object можно использовать вместе с usemap для создания карт изображений — кликабельных областей на встроенном изображении. Определяйте области в элементе <map> с дочерними элементами <area>. Современный SVG с href у элементов — лучший подход для интерактивных областей изображения.

Добавляйте атрибут title и к embed, и к object, чтобы программа чтения с экрана могла их идентифицировать. object поддерживает aria-label. Ни один из этих элементов не предоставляет такой богатой семантики доступности, как встроенные элементы HTML5. Для медиа всегда предпочтительны встроенные элементы video и audio с субтитрами.

embed и object — в основном устаревшие элементы. Их основной сценарий использования (Flash) исчез. Допустимые современные сценарии: встроенные документы PDF (с резервным содержимым), интерактивное встраивание SVG и устаревшее содержимое, которое нельзя модернизировать. В новых проектах для всех задач работы с медиа следует отдавать предпочтение встроенным элементам HTML5.

Какое главное преимущество даёт использование object вместо embed для встроенного содержимого?

embed и object — устаревшие элементы для встраивания содержимого, отличного от HTML. object предпочтителен, когда требуется резервное содержимое. Оба элемента принимают указания типа MIME и передают параметры. Для новых проектов предпочтительны современные аналоги (video, audio, canvas и встроенный SVG). Встраивание PDF с помощью object остаётся распространённым сценарием, а iframe служит альтернативой.