[Small-Tip] HTML <embed> 태그

Mubby·2022년 3월 28일
0

소소팁(9xx)

목록 보기
3/5
post-thumbnail

<embed> 태그의 정의


<embed> 태그는 외부 애플리케이션이나 음악, 영상, 문서 등의 외부 콘텐츠를 포함시킬 수 있는 컨테이너(Container)을 정의할 때 사용합니다.

오래전부터 많은 웹 브라우저가 <embed> 요소를 지원해왔지만 HTML4 까지는 정식으로 명세에 포함되지 않았고, HTML5 에서 새롭게 추가되었습니다.

그렇기때문에 <embed> 요소를 사용한 웹 페이지는 HTML5 에서의 유효성 검사는 통과하지만, HTML4 에서의 유효성 검사는 통과하지 못할 것입니다.

* 현재 대부분의 최신 브라우저는 플러그인 지원을 중단하고 있어, 꼭 필요한 경우가 아니라면 <embed> 태그의 사용을 지양하는게 좋습니다.

<embed> 태그의 속성


height: px | 삽입할 콘텐츠의 높이

width: px | 삽입할 콘텐츠의 너비

src: URL | 삽입할 외부 콘텐츠의 주소

type: MIME_type | 삽입할 외부 콘텐츠의 미디어타입(참조)

<embed> 태그 사용 방법

* <embed> 태그는 종료 태그가 존재하지 않습니다.

  • 사용 구문
	<embed src=“URL(경로/파일명)”>
  • 사용 예시
  <!DOCTYPE html>
  <html>
    <embed type="text/html" src="myPdf.pdf" width="500" height="200">
  </html>

웹 페이지에서 .pdf 파일 업로드 및 미리보기 기능 구현을 위해 찾은 내용 일부를 정리했습니다.

감사합니다.


참고사이트:
MDN, TCP School

0개의 댓글