Логотип schoolsw3.com
Учебники Справочники Упражнения КАК? Меню
ЯМаркет
Редактор Поддержка Форум

×
Учебники
Справочники
Упражнения
Пожертвовать Обновление Реклама Видео Магазин

HTML Справочник

HTML Теги по алфавиту HTML Теги по категориям HTML Поддержка браузера HTML Атрибуты тегов HTML Глобальные атрибуты HTML События атрибутов HTML Название цвета HTML Canvas HTML Аудио/видео HTML Наборы символов HTML Типы документов HTML URL Кодировка HTML Код языка HTML Код страны HTTP Сообщения ошибок HTTP Методы GET/POST HTML Конвертер PX в EM HTML Комбинация клавиш

HTML Теги

Тег <!--Комментарий--> Тег <!DOCTYPE> Тег <a> Тег <abbr> Тег <acronym> Тег <address> Тег <applet> Тег <area> Тег <article> Тег <aside> Тег <audio> Тег <b> Тег <base> Тег <basefont> Тег <bdi> Тег <bdo> Тег <big> Тег <blockquote> Тег <body> Тег <br> Тег <button> Тег <canvas> Тег <caption> Тег <center> Тег <cite> Тег <code> Тег <col> Тег <colgroup> Тег <data> Тег <datalist> Тег <dd> Тег <del> Тег <details> Тег <dfn> Тег <dialog> Тег <dir> Тег <div> Тег <dl> Тег <dt> Тег <em> Тег <embed> Тег <fieldset> Тег <figcaption> Тег <figure> Тег <font> Тег <footer> Тег <form> Тег <frame> Тег <frameset> Тег <h1> - <h6> Тег <head> Тег <header> Тег <hr> Тег <html> Тег <i> Тег <iframe> Тег <img> Тег <input> Тег <ins> Тег <kbd> Тег <label> Тег <legend> Тег <li> Тег <link> Тег <main> Тег <map> Тег <mark> Тег <meta> Тег <meter> Тег <nav> Тег <noframes> Тег <noscript> Тег <object> Тег <ol> Тег <optgroup> Тег <option> Тег <output> Тег <p> Тег <param> Тег <picture> Тег <pre> Тег <progress> Тег <q> Тег <rp> Тег <rt> Тег <ruby> Тег <s> Тег <samp> Тег <script> Тег <section> Тег <select> Тег <small> Тег <source> Тег <span> Тег <strike> Тег <strong> Тег <style> Тег <sub> Тег <summary> Тег <sup> Тег <svg> Тег <table> Тег <tbody> Тег <td> Тег <template> Тег <textarea> Тег <tfoot> Тег <th> Тег <thead> Тег <time> Тег <title> Тег <tr> Тег <track> Тег <tt> Тег <u> Тег <ul> Тег <var> Тег <video> Тег <wbr>


HTML Тег <object>



Пример

Встроенное изображение:

<object data="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>

Тег <object> определяет контейнер для внешнего ресурса.

Внешним ресурсом может быть веб страница, картинка, медиаплеер или подключаемое приложение.

Чтобы встроить картинку, лучше использовать тег <img>.

Для встраивания HTML лучше использовать тег <iframe>.

Для встраивания видео или аудио лучше использовать теги <video> и <audio>.


Поддержка браузеров <object>

Элемент
<object> Да Да Да Да Да

Плагины <object>

Тег <object> изначально был разработан для встраивания плагинов браузера.

Плагины - это компьютерные программы, расширяющие стандартную функциональность браузера.

Плагины использовались для самых разных целей:

  • Запуск Java апплетов
  • Запуск ActiveX управления
  • Отображение Flash фильмов
  • Отображение карт
  • Проверка на вирусы
  • Убедитесь, удостоверение личности с банк id

Внимание!

Большинство браузеров больше не поддерживают Java апплеты и плагины.

Элементы управления ActiveX больше не поддерживаются ни в одном браузере.

Поддержка Shockwave Flash также была отключена в современных браузерах.


Атрибуты <object>

Атрибут Значение Описание
data URL Указывает URL ресурса, который будет использоваться объектом
form form_id Указывает, к какой форме принадлежит объект
height pixels Задает высоту объекта
name name Задает имя объекта
type media_type Указывает тип носителя данных, указанный в атрибуте data
typemustmatch true/false Указывает, должны ли атрибут type и фактическое содержимое ресурса совпадать для отображения
usemap #mapname Указывает имя карты изображений на стороне клиента, которая будет использоваться с объектом
width pixels Задает ширину объекта

Глобальные атрибуты <object>

Тег <object> также поддерживает Глобальные атрибуты в HTML.


События атрибутов <object>

Тег <object> также поддерживает События атрибутов в HTML.


Связные страницы <object>

HTML учебник: HTML Элементы объекта

HTML DOM справочник: Объект object


Настройки CSS по умолчанию <object>

Большинство браузеров будут отображать элемент <object> со следующими значениями по умолчанию:

object:focus {
  outline: none;
}