§ 32. Объекты других приложений в HTML

Определения и обозначения

Объект другого приложения — внешний ресурс или документ, который браузер может встроить в HTML-страницу и отобразить либо передать для обработки подходящему приложению. Это может быть, например, отдельный файл с изображением или документом. Понятие помогает отличать подключаемое содержимое от текста и разметки, записанных непосредственно в HTML.

Элемент <object> — средство HTML для включения внешнего объекта. В его атрибутах указывают источник данных и, при необходимости, формат ресурса и размеры области отображения. Элемент нужен, чтобы обозначить в странице место, где браузер должен попытаться показать подключённое содержимое.

Атрибут data — атрибут элемента <object>, задающий адрес файла или другого ресурса, который нужно встроить в страницу. Адрес может быть относительным, например media/diagram.svg, или полным. Он нужен браузеру, чтобы найти и загрузить внешний объект.

Тип MIME — обозначение формата содержимого, помогающее браузеру определить, как обработать подключённый объект. Например, для SVG-изображения применяется тип image/svg+xml. Указание типа помогает выбрать способ обработки, но не заставляет браузер поддерживать формат.

Как это устроено

Внешний объект хранится отдельно от HTML-документа, потому что HTML-страница может ссылаться на файлы, размещённые в разных местах, не копируя их содержимое в свою разметку. В документе записывают адрес, а браузер обращается по нему за ресурсом. Поэтому страница не сможет показать файл, если он удалён, перемещён или недоступен из-за ошибки в пути. При подготовке сайта нужно проверить, что адрес ведёт к нужному ресурсу и что у посетителя есть возможность его получить.

Элемент <object> задаёт место для объекта в структуре страницы, а его атрибуты уточняют, с чем именно предстоит работать браузеру. Атрибут data сообщает источник, type может сообщить формат, а width и height отводят область нужных размеров. Эти сведения позволяют браузеру связать ресурс с конкретным участком документа и подготовить пространство для отображения. Если размеры не заданы, браузер может выбрать их самостоятельно, и результат окажется не таким, как ожидал автор страницы.

Способ обработки зависит от формата объекта и возможностей браузера, потому что разные типы данных требуют разных средств отображения. Браузер может обработать ресурс самостоятельно или передать его подходящему компоненту, если такой компонент доступен. Если нужной поддержки нет, одной записи type недостаточно: это лишь подсказка о формате. Поэтому при подключении стоит учитывать и тип ресурса, и то, сможет ли его открыть браузер посетителя.

Внутри элемента <object> можно поместить запасное содержимое, чтобы посетитель не столкнулся с пустым местом, если внешний объект не удастся обработать. Это содержимое предназначено для ситуации, когда основной ресурс недоступен или его формат не поддерживается. Например, можно объяснить причину и предложить открыть файл по отдельной ссылке, если такая ссылка предусмотрена. Сообщение должно быть понятным и не создавать впечатления, будто объект успешно показан.

Встраивание не объединяет внешний файл с HTML-документом, поскольку элемент содержит ссылку на ресурс, а не его данные. Браузеру всё равно необходимо получить файл по указанному адресу. Если HTML-страницу перенести на другой сервер или в другую папку, путь к ресурсу может перестать работать. Поэтому при публикации сайта проверяют, что и страница, и подключаемый файл размещены так, чтобы адрес оставался верным.

Назначение атрибутов и содержимого элемента <object>

Пользуйтесь таблицей как списком сведений, которые стоит проверить при создании элемента: адрес, формат, размеры и запасной вариант. Не каждый ресурс требует указания всех возможных данных, но адрес необходим для загрузки внешнего файла. MIME-тип и размеры уточняют обработку и отображение, а вложенное содержимое помогает предусмотреть неудачный сценарий.

Разбор задач

Задача 1. В HTML-файл нужно встроить внешний ресурс по адресу media/diagram.svg. Укажите, что необходимо задать в элементе <object>.

1. Определяем, что именно требуется: подключить файл, адрес которого уже известен.
2. Для указания адреса служит атрибут data, поэтому его значение должно быть media/diagram.svg.
3. Другие атрибуты могут уточнить формат и размеры, но в условии они не обязательны.

Ответ: в элементе <object> нужно задать data со значением media/diagram.svg. Так браузер получит адрес ресурса, который следует загрузить.

Задача 2. На страницу нужно поместить внешний документ с известным форматом и выделить для него область размером 500 на 300 пикселей. Определите, какие сведения указать в элементе <object>.

1. Сначала указываем адрес документа в data, иначе браузеру будет неизвестно, откуда его загружать.
2. Так как формат известен, добавляем type с подходящим MIME-типом. Его значение должно соответствовать реальному формату подключаемого файла.
3. Размеры области задаём через width и height: ширина будет 500 пикселей, высота — 300 пикселей.

Ответ: укажите data с адресом, type с MIME-типом документа, width со значением 500 и height со значением 300. Это сообщает браузеру, где находится объект, какого он формата и сколько места отвести для его отображения.

Задача 3. Встроенный файл может быть недоступен или не поддерживаться браузером. Предложите, как предусмотреть понятное сообщение для посетителя страницы.

1. Определяем, что сообщение нужно показывать как запасной вариант, если основной объект обработать не удалось.
2. Размещаем текст между открывающим и закрывающим тегами <object>. Он относится к содержимому элемента, а не к адресу или MIME-типу.
3. Формулируем сообщение прямо: например, указываем, что файл не удалось отобразить, и при необходимости предлагаем обратиться к его отдельной ссылке.

Ответ: поместите понятное запасное сообщение внутрь <object>. Посетитель узнает, что объект не показан, а не увидит пустую область без объяснения.

Типичные ошибки

Первая ошибка — путать адрес ресурса с его MIME-типом. Её допускают, потому что оба значения записывают в атрибутах одного элемента, хотя они отвечают на разные вопросы. Проверьте себя: data должно указывать, где находится файл, а type — какой у него формат.

Вторая ошибка — считать, что указание типа гарантирует отображение объекта. MIME-тип только помогает определить формат, а поддержку определяет браузер и доступные ему компоненты. Чтобы проверить себя, спросите: сможет ли браузер обработать именно этот ресурс, а не только распознать его тип?

Третья ошибка — не предусмотреть запасное содержимое и оставить посетителю пустую область при сбое. Так бывает, когда автор страницы проверяет только удачный сценарий загрузки. Проверьте разметку: внутри <object> должно быть понятное сообщение на случай, если основной объект не отобразится.

Четвёртая ошибка — считать внешний файл автоматически включённым в HTML-документ. Запись элемента лишь указывает браузеру, где искать ресурс, а самого файла в HTML от этого не появляется. Перед публикацией проверьте, что объект хранится по доступному адресу и что путь в data ведёт именно к нему.

Связь с другими темами

Для работы с элементом <object> нужны основы HTML: понимание тегов, атрибутов и вложенного содержимого. Также важно уметь задавать адреса файлов, потому что без верного пути браузер не найдёт внешний объект. Подключение ресурса связано с гиперссылками и путями: в обоих случаях адрес помогает обратиться к файлу, хотя назначение ссылки и встраивания различается.

Знание способов встраивания пригодится при создании мультимедийных веб-страниц и изучении форматов данных. Оно помогает понять, почему браузер может показывать одни ресурсы сам, а для других ему нужна дополнительная поддержка. Эти сведения полезны и для общего понимания взаимодействия браузера с внешними файлами.

Что запомнить

• Внешний объект хранится отдельно от HTML-страницы.
• Элемент <object> предназначен для встраивания внешнего ресурса.
• Атрибут data указывает адрес подключаемого ресурса.
• MIME-тип помогает определить формат объекта.
• Размеры задают область, отведённую объекту на странице.
• Запасное содержимое полезно, если браузер не может обработать объект.