생활 웹디자인

object

토픽 생활 웹디자인 > 구조의 HTML > HTML5 태그 사전

정의

object요소는 이미지, 오디오, 비디오, 자바 애플릿, 플래시등과 같은 object들을 포함하기 위해 사용됩니다.

속성

  • data : 외부자원의 주소를 나타냅니다.
  • type : 외부자원의 타입을 나타냅니다.
  • name : 유효한 브라우징 문맥 이름을 나타냅니다.
  • usemap : object요소가 이미지를 나타내고 있다면 이미지맵을 사용하고 있음을 나타냅니다. 요소가 이미지를 나타내지 않는다면 usemap속성은 무시됩니다.
  • form : 폼 소유자를 object요소와 명시적으로 연결합니다.
  • width : 요소의 너비를 나타냅니다.
  • height : 요소의 높이를 나타냅니다.

설명

  • data속성이나 type속성 중 하나는 반드시 존재해야 합니다.

함께 알아야 할 태그

예제

자바애플릿을 페이지에 포함시키는 예제입니다.

<figure>
    <object type="application/x-java-applet">
        <param name="code" value="MyJavaClass">
        <p>You do not have Java available, or it is disabled.</p>
    </object>
    <figcaption>My Java Clock</figcaption>
</figure>

HTML페이지를 포함시키는 예제입니다.

<figure>
    <object data="clock.html"></object>
    <figcaption>My HTML Clock</figcaption>
</figure>

플러그인(플래시 같은)을 페이지안에 포함시키는 예제입니다.
(이 경우 플래시를 지원하지 않는 사용자 에이전트를 위해 video를 제공하고 있으며, video역시 제공하지 않는 사용자 에이전트를 위해 링크를 제공하고 있습니다.)

<p>Look at my video:
    <object type="application/x-shockwave-flash">
        <param name=movie value="http://video.example.com/library/watch.swf">
        <param name=allowfullscreen value=true>
        <param name=flashvars value="http://video.example.com/vids/315981">
        <video controls src="http://video.example.com/vids/315981">
            <a href="http://video.example.com/vids/315981">View video</a>.
        </video>
    </object>
</p>

댓글

댓글 본문
  1. 푸른하늘
    8
  2. 푸른하늘
    8
  3. MiJey
    iframe, object, embed는 봐도봐도 헷갈리네요..
  4. 웹초보
    자바애플릿을 페이지에 올리는 예제를 보고 따라해봤습니다.
    그런데 크롬에서는 아무것도 뜨지 않고
    익스플로러 버전 8 에서는 엑박만 뜨더라구요.
    object 태그를 사용해서 import 시켜줘야하는 jar파일들도 achive로 다 해줬는데....
    혹시 저 코드대로 하셨을 때 제대로 떴었나요...ㅠㅠ....?