html 특수 인라인태그 <OBJECT>

Posted by 승호/
2008.09.28 13:14 html 태그 배우기

<OBJECT>

OBJECT 요소는 HTML 문서에 객체, 즉 웹 브라우저에서 지원하지 않는 형식의 파일을 삽입할 때 사용합니다.

구문: <OBJECT>

닫는 태그: 필요

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 내용
archive CDATA 필요한 라이브러리 파일을 지정합니다.
class ClassName CSS의 class 선택자를 지정합니다.
classid URI ActiveX 컨트롤의 classid를 지정합니다.
codebase URI 개체가 현재 HTML 문서와 다른 디렉토리에 있을 경우, 애플릿의 파일 경로를 지정합니다.
codetype ContentTypes MIME 타입을 지정합니다.
data URI 플러그인 파일의 URI를 지정합니다.
declare Text ActiveX 컨트롤을 선언합니다.
dir rtl
ltr
글자 방향을 지정합니다.
height Length 개체의 높이를 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에 사용할 언어를 지정합니다.
name CDATA 요소의 이름을 지정합니다.
standby Text 개체가 로딩되는 동안 먼저 표시될 텍스트를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
tabindex Number 링크의 탭 순서를 지정합니다. 0과 32767사이의 하나의 숫자를 사용하며 양수로 표시된 값이 낮은 숫자일수록 우선 순위가 되며, 값이 같을 때는 HTML 문서에서 먼저 나온 것이 우선 순위가 됩니다. 값이 '0'이거나 없는 경우는 가장 마지막 순서가 됩니다.
title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.
type ContentTypes MIME 타입을 지정합니다.
usemap URI 이미지 맵의 URI를 지정합니다. map으로 명명된 MAP 요소가 같은 문서에 포함되어 있어야 합니다.
usemap URI 컨트롤에 이미지 맵을 지정합니다.
width Length 개체의 너비를 지정합니다.
align left
right
top
bottom
middle
정렬 방법을 지정합니다.
border Length 테두리의 두께를 지정합니다.
hspace Pixels 세로 여백을 지정합니다.
vspace Pixels 가로 여백을 지정합니다.

예제

예제 1
 <OBJECT data="mlk.mov" type="video/quicktime"
 title="Martin Luther King's &quot;I Have a Dream&quot; speech"
width="150" height="150"> <PARAM name="pluginspage" value="http://quicktime.apple.com/"> <PARAM name="autoplay" value="true"> <OBJECT data="mlk.wav" type="audio/x-wav" title="Martin Luther King's &quot;I Have a Dream&quot; speech"> <PARAM name="autostart" value="true"> <PARAM name="hidden" value="true"> <A href="mlk.html">Full text of Martin Luther King's "I Have a Dream" speech</A> </OBJECT> </OBJECT>
OBJECT 요소는 실행 초기 데이터를 제공하기 위해 PARAM 요소를 포함할 수 있습니다. 위 예제는 비디오 클립을 포함한 것으로, 비디오 클립을 보여줄 수 없을 경우 이를 대신하여 보여줄 콘텐츠로 오디오 클립을 지정하였고, PARAM 요소를 이용하여 오디오/비디오 플러그 인을 위한 매개 변수를 지정하였습니다.

예제 2
 <OBJECT
 classid="java:yahtzee.class"
 codetype="application/java"
 width="400" height="250"
 title="my yahtzee game"
 standby="Get ready to play Yahtzee!">
   Enable Java support to play!
</OBJECT> 
위 예제는 OBJECT 요소를 사용하여 자바 애플릿을 삽입한 것입니다.

예제 3
 <OBJECT data="example.gif" title="Nice Photo" /> 
위 예제는 IMG 요소 대신 OBJECT 요소를 사용하여 그림을 삽입한 것입니다. title 속성은 IMG 요소의 alt 속성과 같은 역할을 합니다.

예제 4
<OBJECT
 classid="clsid:F08DF954-8592-11D1-B16A-00C0F0283628"
 id="Slider1"
 width="200" height="40"
 border="2">
  <PARAM name="BorderStyle" value="1" />
  <PARAM name="MousePointer" value="0" />
  <PARAM name="Enabled" value="1" />
  <PARAM name="Min" value="0" />
  <PARAM name="Max" value="10" />
</OBJECT>
위 예제는 OBJECT 요소를 사용하여 ActiveX 컨트롤을 삽입한 것입니다. classid의 값은 Windows 레지스트리의 CLSID를 참조한 것입니다. 여러 개의 PARAM 요소를 사용하여 ActiveX 컨트롤을 위한 매개 변수를 지정하였습니다.

지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE 3, NN n/a, HTML 4

참고

  • OBJECT 요소는 인라인 요소(Inline Element)와 블록 요소(Block Element) 안에 모두 쓰일 수 있습니다.
  • OBJECT 요소의 내용은 OBJECT 부모 요소 안에 포함될 수 있는 요소여야 합니다. 예를 들어 OBJECTA 요소 안에 포함되어 있다면, OBJECT는 블록 요소를 내용으로 포함할 수 없습니다.
신고
Tags
이 댓글을 비밀 댓글로