object element - by. UXKM

object element 설명

멀티미디어, 중첩된 브라우저 컨텍스트(프레임), 플러그인 등을 삽입합니다.
<object> 요소는 외부 리소스의 종류에 따라 문서 내에서 처리하는 방식을 변경할 수 있는 임베디드 객체(embedded object)를 정의할 때 사용합니다.
<object> 요소를 사용하면 다양한 멀티미디어(오디오, 비디오, 자바 애플릿, 액티브X, 플래시 등)를 웹 페이지에 삽입할 수 있으며, 웹 페이지 자체를 다른 HTML 문서에 삽입할 수도 있습니다.

이러한 <object> 요소는 <body> 요소 내부에만 위치할 수 있으며, <object> 요소를 지원하지 않는 브라우저를 위해 <object> 태그와 </object> 태그 사이에 대체 텍스트를 포함시킬 수 있습니다.
또한, <object> 요소는 data 속성이나 type 속성 중 하나를 반드시 명시해야만 합니다.

<param> 요소를 사용하여 <object> 요소에 의해 호출되는 플러그인의 매개 변수를 정의할 수 있으며, 페이지에 이미지를 삽입할 때도 <img> 요소가 아닌 <object> 요소를 대신 사용할 수도 있습니다.

HTML5에서는 <object> 요소에 form 속성이 새롭게 추가되었으며, 몇몇 속성(align, archive, border, classid, codebase, codetype, declare, hspace, standby, vspace)을 더 이상 지원하지 않습니다.
또한, <object> 요소가 더 이상 <head> 요소 내에 위치할 수 없게 되었으며, 폼(form)에서 <object> 요소를 사용하거나 제출할 수 있도록 변경되었습니다.

CSS 기본값 :

6.12.1. object 속성

[width], [height] <object width="너비" height="높이">

객체의 너비와 높이를 명시합니다.

[name] <object name="이름">

<object> 요소의 이름을 명시합니다.

[usemap] <object usemap="#맵이름">

객체와 함께 사용될 클라이언트 사이드 이미지맵(client-side image-map)의 이름을 명시합니다.
usemap 속성은 <map> 요소의 name 속성과 결합하여, <object> 요소와 <map> 요소 사이의 관계를 생성합니다.
크롬, 오페라, 사파리는 지원하지 않음. IE, 파이어폭스만 지원.

[data] <object data="URL">

<object> 요소에서 사용할 리소스의 URL을 명시합니다.

[form] <object form="form id">

<object> 요소가 포함될 하나 이상의 <form> 요소를 명시함합니다.
현재는 모든 브라우저에 지원하지 않습니다.

object element 코드 예제