..

Search

<embed>

HTML <embed> 태그


정의 및 특징

<embed> 태그는 외부 애플리케이션이나 대화형 콘텐츠를 포함시킬 수 있는 컨테이너(container)를 정의할 때 사용합니다.

 

오래전부터 많은 웹 브라우저가 <embed> 요소를 지원해 왔지만 HTML4까지는 정식으로 명세에 포함되지 않았습니다. 따라서 HTML5에서 새롭게 추가된 <embed> 요소를 사용한 웹 페이지는 HTML5에서의 유효성 검사는 통과하지만, HTML4에서의 유효성 검사는 통과하지 못할 것입니다.


예제

<embed src="/examples/media/sample.pdf">

코딩연습 ▶


지원하는 브라우저 및 버전

태그명

chrome

edge

ie

firefox

safari

opera

<embed> 지원함 지원함 지원함 1.0 지원함 지원함

HTML5에서 변경된 사항

<embed> 태그는 HTML5에서 새롭게 추가된 요소입니다.


사용할 수 있는 속성

속성명   속성값 설명

height

 

픽셀

포함시킬 콘텐츠의 높이를 명시함.

src

  URL

포함시킬 외부 파일의 URL을 명시함.

type

  미디어 타입

포함시킬 외부 파일의 미디어 타입을 명시함.

width

 

픽셀

포함시킬 콘텐츠의 너비를 명시함.


CSS 기본값

embed:focus {

  outline: none;

}


DOM 인터페이스

interface HTMLEmbedElement : HTMLElement {

  attribute DOMString src;

  attribute DOMString type;

  attribute DOMString width;

  attribute DOMString height;

  legacycaller any (any... arguments);

};


연관 페이지

HTML 플러그인 수업 ⇒


연습문제