코딩의 시작, TCP School

HTML <object> 태그

정의 및 특징

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

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

예제

<object data="/examples/media/sample.mp4" height="180" width="288">
    현재 사용 중인 브라우저는 object 요소를 지원하지 않습니다!
</object>

코딩연습 ▶

지원하는 브라우저 및 버전

태그명
<object>	지원함	지원함	지원함	1.0	지원함	지원함

HTML5에서 변경된 사항

HTML5에서는 <object> 요소에 form 속성이 새롭게 추가되었으며, 몇몇 속성을 더 이상 지원하지 않습니다.

또한, <object> 요소가 더 이상 <head> 요소 내에 위치할 수 없게 되었으며, 폼(form)에서 <object> 요소를 사용하거나 제출할 수 있도록 변경되었습니다.

사용할 수 있는 속성

html5 : HTML5에서 새롭게 추가된 속성

속성명	속성값	설명
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> 요소가 포함될 하나 이상의 <form> 요소를 명시함.
height	픽셀	객체의 높이를 명시함.
hspace	픽셀	객체의 오른쪽과 왼쪽 여백을 명시함. HTML5에서는 더 이상 지원하지 않음.
name	이름	<object> 요소의 이름을 명시함.
standby	텍스트	객체가 로딩되는 동안 표시될 텍스트를 명시함. HTML5에서는 더 이상 지원하지 않음.
type	미디어 타입	data 속성에서 명시된 데이터의 미디어 타입을 명시함.
usemap	#맵이름	객체와 함께 사용될 클라이언트 사이드 이미지맵(client-side image-map)의 이름을 명시함.
vspace	픽셀	객체의 위쪽과 아래쪽 여백을 명시함. HTML5에서는 더 이상 지원하지 않음.
width	픽셀	객체의 너비를 명시함.

CSS 기본값

object:focus {

outline: none;

}

DOM 인터페이스

interface HTMLObjectElement : HTMLElement {

attribute DOMString data;

attribute DOMString type;

attribute boolean typeMustMatch;

attribute DOMString name;

readonly attribute HTMLFormElement? form;

attribute DOMString width;

attribute DOMString height;

readonly attribute Document? contentDocument;

readonly attribute WindowProxy? contentWindow;

readonly attribute boolean willValidate;

readonly attribute ValidityState validity;

readonly attribute DOMString validationMessage;

boolean checkValidity();

boolean reportValidity();

void setCustomValidity(DOMString error);

legacycaller any (any... arguments);

};

연관 페이지

HTML 플러그인 수업 ⇒

연습문제

◀ 이전 다음 ▶

Search

<object>