Mark Up/Html 플러그인
    Dexter_-   2018. 10. 10. 16:19
  • 728x90
    반응형


    플러그인


    플러그인(Plug-in)


    HTML 플러그인이란 웹 브라우저의 표준 기능을 확장해 주는 프로그램을 의미한다.

    가장 널리 알려진 플러그인으로는 Java Applet, Flash Player, Pdf Reader 등이 있다.

    이러한 플러그인은 object 요소나 embed 요소를 사용하여 HTML 문서에 추가할 수 있다.



    object 요소


    object 요소는 HTML 문서에 삽입할 객체(object)를 명시하는데 사용한다.

    이 요소는 모든 웹 브라우저에서 동작하며, 객체뿐만 아니라 또 다른 HTML 문서를 삽입할 수도 있다.


    예제

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    <!DOCTYPE html>
    <html lang="ko">
     
    <head>
        <meta charset="UTF-8">
        <title>HTML5 Multimedia Plugins</title>
    </head>
     
    <body>
     
        <h1>object 요소를 이용한 pdf 파일 삽입</h1>
        <object data="http://www.tra.org.bh/media/document/sample10.pdf" style="width:100%; height:700px"></object>
     
    </body>
     
    </html>
    		cs


    실행결과 :


    object 요소를 이용한 pdf 파일 삽입


    또한, object 요소는 이미지를 삽입할 때에도 사용할 수 있다.


    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    <!DOCTYPE html>
    <html lang="ko">
     
    <head>
        <meta charset="UTF-8">
        <title>HTML5 Multimedia Plugins</title>
    </head>
     
    <body>
     
        <h1>object 요소를 이용한 image 파일 삽입</h1>
        <object data="https://cdn.pixabay.com/photo/2016/07/11/15/43/pretty-woman-1509956__340.jpg"></object>
     
    </body>
     
    </html>
    		cs


    실행결과 :

    object 요소를 이용한 image 파일 삽입



    embed 요소


    embed 요소는 HTML 문서에 삽입할 객체(object)를 명시하는데 사용한다.

    embed 요소는 오래전부터 사용되어 왔지만, HTML5 이전까지는 HTML 표준이 아니었다.

    이 요소는 모든 웹 브라우저에서 동작하며, 객체뿐만 아니라 HTML 문서를 삽입할 수 도 있다.


    예제

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    <!DOCTYPE html>
    <html lang="ko">
     
    <head>
        <meta charset="UTF-8">
        <title>HTML5 Multimedia Plugins</title>
    </head>
     
    <body>
     
        <h1>embed 요소를 이용한 pdf 파일 삽입</h1>
        <embed src="http://www.tra.org.bh/media/document/sample10.pdf" style="width:100%; height:700px">
     
    </body>
     
    </html>
    		cs


    실행결과는 objecet를 이용한 pdf 파일 삽입과 동일.


    또한, embed 요소는 이미지를 삽입할 때에도 사용할 수 있다.


    예제

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    <!DOCTYPE html>
    <html lang="ko">
     
    <head>
        <meta charset="UTF-8">
        <title>HTML5 Multimedia Plugins</title>
    </head>
     
    <body>
     
        <h1>embed 요소를 이용한 image 파일 삽입</h1>
        <embed src="https://cdn.pixabay.com/photo/2016/07/11/15/43/pretty-woman-1509956__340.jpg" style="width:350px; height:263px">
     
    </body>
     
    </html>
    		cs


    결과는 object 요소를 이용한 image 파일 삽입과 동일


    embed 요소는 HTML5 이전까지는 HTML 표준이 아니었으므로, HTML5에서는 유효하지만, HTML4에서는 유효하지 않다.








    728x90
    반응형
    저작자표시 비영리 변경금지

    'Mark Up > Html' 카테고리의 다른 글

    SVG  (0) 2018.10.11
    Canvas  (0) 2018.10.10
    멀티미디어 파일 형식/비디오 (video)/오디오(audio)  (0) 2018.10.10
    Input 요소의 속성  (0) 2018.10.10
    Input 요소의 타입  (0) 2018.10.05

    관련글 관련글 더보기

Designed by Tistory.
상단으로

티스토리툴바