이번 시간에는 HTML5의 플러그인 요소에 대해 알아보도록 하겠습니다.
플러그인(Plug-in)
HTML 플러그인이란 웹 브라우저의 표준 기능을 확장해주는 프로그램을 의미합니다.
가장 널리 알려진 플러그인으로는 Java Applet, Flash Player, Rdf Reader 등이 있고
이러한 플러그인은 object 요소는 embed 요소를 사용해 HTML 문서에 추가할 수 있습니다.
object 요소
HTML 에서 object 요소는 HTML 문서에 삽입할 객체(object)를 명시하는데 사용합니다.
이 요소로는 모든 웹 브라우저에 동작하며, 객체 뿐 아니라 또 다른 HTML 문서를 삽입할 수 있습니다.
<object data="/examples/media/sample_plugins_pdf.pdf" style="width:100%;height:100%"></object>
또한, object 요소는 이미지를 삽입할 때도 사용할 수 있습니다.
<object data="/examples/images/img_flower.png"></object>
embed 요소
embed 요소는 HTML 문서에 삽입할 객체(object)를 명시하는데 사용합니다.
embed 요소는 오래전부터 사용되었던 요소지만, HTML5 이전까지는 HTML 표준이 아니었습니다.
이 요소로는 모든 웹 브라우저에서 동작하며, 객체 뿐 아닌 HTML 문서를 삽입할 수 있습니다.
<embed src="/examples/media/sample_plugins_pdf.pdf" style="width:100%; height:700px">
또한, embed 요소는 이미지를 삽입할 때도 사용할 수 있습니다.
<embed src="/examples/images/img_flower.jpg" style="width:350px; height:263px">
참고 자료
'프론트 엔드 > HTML' 카테고리의 다른 글
[HTML] HTML - 30.HTML5 그래픽 - Canvas 요소 (0) | 2023.02.11 |
---|---|
[HTML] HTML - 28.HTML5 요소 - 오디오 (0) | 2023.02.10 |
[HTML] HTML - 27.HTML5 요소 - 멀티미디어 파일 형식과 비디오 (0) | 2023.02.09 |