반응형
정의 및 특징
・<object> 태그는 해당 문서와
외부 리소스의 종류에 따라
문서 내에서 처리하는 방식을 변경할 수 있는
임베디드 객체(embedded object)를 정의할 때 사용한다
・<object> 요소를 사용하면
다양한 멀티미디어(오디오, 비디오, 자바 애플릿, 액티브 X, 플래시 등)를
웹 페이지에 삽입할 수 있으며
웹 페이지 자체를 다른 HTML 문서에 삽입할 수도 있다
・<object> 요소는 <body> 요소 내부에만 위치할 수 있으며
<object> 요소를 지원하지 않는 브라우저를 위해
<object> 태그와 </object> 태그 사이에 대체 텍스트를 포함시킬 수 있다
・<object> 요소는
data 속성이나 type 속성 중 하나를 반드시 명시해야만 한다
・<param> 요소를 사용하여
<object> 요소에 의해 호출되는
플러그인의 매개변수를 정의할 수 있으며
페이지에 이미지를 삽입할 때도
<img> 요소가 아닌 <object> 요소를 대신 사용할 수도 있다
・HTML5에서 변경된 사항
<object> 요소가 더 이상 <head> 요소 내에 위치할 수 없게 되었으며
폼(form)에서 <object> 요소를 사용하거나
제출할 수 있도록 변경되었다
지원하는 브라우저
 |
 |
 |
 |
 |
 |
| 1.0 | 지원함 | 지원함 | 1.0 | 지원함 | 지원함 |
속성
| 속성명 | 속성값 | 설명 |
| align | top bottom middle left right |
주변 요소에 따른 <object> 요소의 정렬 방법을 명시한다 HTML5에서는 더 이상 지원하지 않는다 |
| archive | URL | <object> 요소와 연관된 리소스를 저장하고 있는 아카이브의 URL 리스트 HTML5에서는 더 이상 지원하지 않는다 |
| border | 픽셀 | 객체의 테두리(border) 두께를 명시한다 HTML5에서는 더 이상 지원하지 않는다 |
| classid | classid | 객체 구현을 위한 classid 값이나 URL을 명시하며, data 속성과 함께 사용되거나 data 속성 대신 사용할 수 있다 HTML5에서는 더 이상 지원하지 않는다 |
| codebase | URL | 객체의 코드를 찾을 수 있는 URL을 명시한다 HTML5에서는 더 이상 지원하지 않는다 |
| codetype | 미디어 타입 | classid 속성이 참조하는 코드의 미디어 타입을 명시한다 HTML5에서는 더 이상 지원하지 않는다 |
| data | URL | <object> 요소에서 사용할 리소스의 URL을 명시한다 |
| declare | declare | 객체는 필요할 때까지 생성되거나 인스턴스화되지 않고 단지 선언만 되어있어야 함을 명시한다 HTML5에서는 더 이상 지원하지 않는다 |
| form | form id | <object> 요소가 포함될 하나 이상의 <objformect> 요소를 명시한다 HTML5에서 새롭게 추가된 속성 |
| height | 픽셀 | 객체의 높이를 명시한다 |
| hspace | 픽셀 | 객체의 오른쪽과 왼쪽 여백을 명시한다 HTML5에서는 더 이상 지원하지 않는다 |
| name | 이름 | <object> 요소의 이름을 명시한다 |
| standby | 텍스트 | 객체가 로딩되는 동안 표시될 텍스트를 명시한다 HTML5에서는 더 이상 지원하지 않는다 |
| type | 미디어 타입 | data 속성에서 명시된 데이터의 미디어 타입을 명시한다 |
| usemap | #맵이름 | 객체와 함께 사용될 클라이언트 사이드 이미지맵(client-side image-map)의 이름을 명시한다 |
| vspace | 픽셀 | 객체의 위쪽과 아래쪽 여백을 명시한다 HTML5에서는 더 이상 지원하지 않는다 |
| width | 픽셀 | 객체의 너비를 명시한다 |
예제
<object data="/examples/media/sample.mp4" height="180" width="288">
현재 사용 중인 브라우저는 object 요소를 지원하지 않습니다
</object>
| ■HTML 태그 레퍼런스 | |||
| HTML 태그 레퍼런스 - MAIN 돌아가기 |
반응형
'HTML' 카테고리의 다른 글
| HTML <optgroup> 태그 (0) | 2023.07.25 |
|---|---|
| HTML <ol> 태그 (0) | 2023.07.24 |
| HTML <noscript> 태그 (0) | 2023.07.22 |
| HTML <noframes> 태그 (0) | 2023.07.18 |
| HTML <nav> 태그 (0) | 2023.07.15 |
