HTML <object> 태그

정의와 사용법

<object> 태그는 외부 자원의 컨테이너를 정의합니다.

외부 자원은 웹 페이지, 이미지, 미디어 플레이어 또는 플러그인 애플리케이션일 수 있습니다.

이미지를 내장하려면 가장 좋은 방법은 <img> 태그를 사용하는 것입니다。

HTML을 내장하려면 가장 좋은 방법은 <iframe> 태그를 사용하는 것입니다。

비디오나 오디오를 내장하려면 가장 좋은 방법은 <video> 와 <audio> 태그

추가로 참조:

HTML 강의:HTML Object 요소

HTML DOM 참조 가이드:Object 객체

플러그인

<object> 태그는 원래 브라우저 플러그인을 내장하기 위해 설계되었습니다.

플러그인은 브라우저 표준 기능을 확장하는 컴퓨터 프로그램입니다.

플러그인은 다양한 용도로 사용됩니다:

  • Java 애플릿 실행
  • ActiveX 컨트롤 실행
  • Flash 영화 표시
  • 지도 표시
  • 바이러스 스캔
  • 은행 ID 검증

경고 !

대부분의 브라우저는 Java 애플릿과 플러그인을 지원하지 않습니다.

모든 브라우저는 ActiveX 컨트롤을 지원하지 않습니다.

모던 브라우저는 Shockwave Flash 지원을 종료했습니다.

인스턴스

예제 1

내장된 이미지:

<object data="tulip.jpg" width="300" height="300"></object>

직접 시도해 보세요

예제 2

내장된 HTML 페이지:

<object data="/index.html" width="500" height="300"></object>

직접 시도해 보세요

예제 3

내장된 비디오:

<object data="shanghai.mp4" width="640" height="300"></object>

직접 시도해 보세요

속성

속성 값 설명
data URL 객체가 사용할 자원의 URL을 정의합니다.
form 양식 id 객체가 속한 양식을 정의합니다.
height 픽셀 객체의 높이를 정의합니다.
name 이름 객체의 이름을 정의합니다.
type 미디어 타입 data 속성에 지정된 데이터의 미디어 타입을 정의합니다.
typemustmatch true/false type 속성이 자원의 실제 내용과 일치해야 display가 가능한지 정의합니다.
usemap #mapname 객체와 함께 사용할 클라이언트 이미지 맵의 이름을 정의합니다.
width 픽셀 객체의 너비를 정의합니다.

전역 속성

<object> 태그는 다음과 같은 추가 지원을 제공합니다: HTML에서의 전역 속성。

이벤트 속성

<object> 태그는 다음과 같은 추가 지원을 제공합니다: HTML에서의 이벤트 속성。

기본 CSS 설정

대부분의 브라우저는 다음 기본 값으로 <object> 요소를 표시합니다:

object:focus {
  outline: none;
}

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 지원 지원 지원 지원