본문 바로가기

Webstoryboy

Category

Explanation

HTML

[HTML] <embed>

<embed>

<embed> 태그는 외부 콘텐츠를 사용할 수 있도록 설정합니다.


<embed>

<embed> 태그는 외부 콘텐츠를 사용할 수 있도록 설정합니다.

특징 설명
요소 인라인 요소(Inline Element)
닫는 태그 닫는 태그 사용(<embed> ~ </embed>)
버전 HTML5
시각적 표현 콘텐츠 표현
사용성

정의(Definition)

  • <embed> 태그는 외부 콘텐츠를 사용할 수 있도록 설정합니다.
  • 외부 콘텐츠에는 유튜브 콘텐츠, 코딩 콘텐츠, 음악 콘텐츠 등 다양한 외부 콘텐츠를 포함합니다.
  • 현재 대부분의 최신 브라우저는 플러그인 지원을 중단하고 있어, <embed> 태그의 사용은 권하지 않습니다.

크로스브라우징(CrossBroswing)

  • <embed> 태그는 오래 전부터 모든 브라우저에서 지원되었지만 HTML4 지침서에는 포함되어 있지 않습니다. <embed> 태그는 HTML5 지침서에 새롭게 추가되었습니다.

비교(Compare)

  • 외부 동영상을 재생할 때에는 <video> 태그를 사용합니다.
  • 외부 음악을 재생할 때에는 <audio> 태그를 사용합니다.
  • 외부 콘텐츠를 삽입 할 때에는 <embed> 태그를 사용합니다.

속성(Property)

속성 값(예) 설명 버전
height height="200" 요소의 세로 값을 설정합니다. -
src src="URL" 외부 어플리케이션의 주소를 설정합니다. -
type type="text/css" 문서의 유형을 설정합니다. -
width width="100" 요소의 가로 값을 설정합니다. -

호환성(Compatibility)

크롬 아이콘 파이어폭스 아이콘 사파리 아이콘 오페라 아이콘 네이버 웨일 익스플로러6 아이콘6 익스플로러7 아이콘7 익스플로러8 아이콘8 익스플로러9 아이콘9 익스플로러10 아이콘10 익스플로러11 아이콘11 엣지 아이콘 안드로이드 아이콘 ios 아이콘
<embed> 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능

참고 사이트(Reference)


더보기

인스타그램 보기 바로가기

포트폴리오 스터디 바로가기

유튜브 영상보기 바로가기