커뮤니티

고용노동부, 산업인력공단과 함께하는 강원도 유일한 기업중심 IT전문교육기관 ICT융합캠퍼스만의 특별한교육입니다.
공인 IT숙련기술인의 다양한 접근방법으로 전문가다운 실무교육을 받을 수 있습니다.

Category

교육강좌

클라이언트 HTML 사전 - object

페이지 정보

작성자 관리자 댓글 0건 조회 1,804회 작성일 20-06-26 16:00

본문

object

정의

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

속성

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

설명

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

함께 알아야 할 태그

예제

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

1
2
3
4
5
6
7
<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페이지를 포함시키는 예제입니다.

1
2
3
4
<figure>
<object data="clock.html"></object>
<figcaption>My HTML Clock</figcaption>
</figure>

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

1
2
3
4
5
6
7
8
9
10
<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>
  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

답변목록

등록된 답변이 없습니다.