프론트 엔드/HTML

[HTML] HTML - 29.HTML5 요소 - 플러그인

Koras02 2023. 2. 10. 22:51
728x90

이번 시간에는 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">

참고 자료

 

코딩교육 티씨피스쿨

4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등

tcpschool.com

 

GitHub - HTML5-STR/html-study: html 블로그 작성용 - study1

html 블로그 작성용 - study1. Contribute to HTML5-STR/html-study development by creating an account on GitHub.

github.com