Koras02
Koras02코딩웹
Koras02
전체 방문자
오늘
어제
  • 분류 전체보기 (299)
    • 백엔드 (59)
      • nestjs (2)
      • Ruby (3)
      • PostgresQL (11)
      • MySQL (5)
      • Haskell (7)
      • Koa (3)
      • Java (3)
      • Python (5)
      • Rust (5)
      • MongoDB (2)
      • PHP (3)
      • Spring Boot (1)
      • redis (5)
      • deno (2)
    • 웹서버 (3)
      • nginx (1)
      • Apache (2)
      • Google Web Server (0)
    • 모바일개발 (5)
      • Figma (0)
      • React Native (2)
      • swift (0)
      • Flutter (3)
      • Kotlin (0)
    • 프론트 엔드 (158)
      • HTML (34)
      • CSS (7)
      • Javascript (35)
      • Angular (0)
      • Typescript (2)
      • React (58)
      • Vue (2)
      • GIT (6)
      • GraphQL (1)
      • Doker (4)
      • Go (8)
      • svelte (1)
      • gatsby (0)
    • etc. (47)
      • Notion (0)
      • TIL (24)
      • Algorithm (17)
      • Algorithm 개념 정리 (2)
      • Wiki (3)
      • Official document (1)
    • 웹개념 (12)
    • 변수정리 (1)
    • VSCode (2)
    • 포트폴리오 분석 (2)
      • React (2)
    • os (5)
      • 윈도우 (4)
      • Mac (0)
      • 가상머신 (0)
      • linux (1)
    • 응용프로그램언어 (2)
      • C (2)
      • C++ (0)
      • C# (0)
    • 블로그 운영관련 (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록
글쓰기

공지사항

  • [공지사항] 개발 이슈나 공식문서 업데이트 업로드 예정입니⋯

인기 글

태그

  • 하스켈
  • html5
  • Flutter
  • PostgreSQL
  • Haskell
  • React
  • go
  • redis
  • html
  • Java
  • koa
  • CSS
  • 알고리즘
  • Til
  • javascript
  • Rust
  • mysql
  • 프로그래머스
  • 문자열
  • 데이터 타입

티스토리

최근 댓글

최근 글

250x250
hELLO · Designed By 정상우.
Koras02

Koras02코딩웹

[HTML] HTML - 29.HTML5 요소 - 플러그인
프론트 엔드/HTML

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

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

 

'프론트 엔드 > 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
    '프론트 엔드/HTML' 카테고리의 다른 글
    • [HTML] HTML - 31.HTML5 그래픽 - SVG 요소
    • [HTML] HTML - 30.HTML5 그래픽 - Canvas 요소
    • [HTML] HTML - 28.HTML5 요소 - 오디오
    • [HTML] HTML - 27.HTML5 요소 - 멀티미디어 파일 형식과 비디오
    Koras02
    Koras02
    현재 사용중인 언어 - next-js,react,vue, typescript

    티스토리툴바