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
반응형
저작자표시 비영리 변경금지 (새창열림)