본문 바로가기
프로그램 개발(분석, 설계, 코딩, 배포)/2.1.1 web_html

html iframe object embed 차이

by 3604 2023. 11. 20.
728x90

출처: https://www.a-ha.io/questions/4f00ff3768a71ee684e56be9affb4174/answers/42ef71f4ae54015f87710ca10c110e5a

IFRAME 요소

iframe 요소는 인라인 프레임(Inline FRAME)을 표시한다.

  • 인라인 프레임은 문서 내에 다른 문서를 넣기 위한 기술이다.
  • HTML5로 바뀌면서 frame 요소는 사라졌지만 iframe 요소는 남았다.
  • HTML5에 새로이 추가된 속성 및 사라진 속성들이 존재한다.

EMBED 요소

embed 요소는 외부 애플리케이션이나 인터랙티브 콘텐츠의 끼워 넣기(EMBedding)를 표시한다.

  • 오래전 부터 브라우저들이 지원해 왔지만 정식으로 기술된 요소는 아니었다. HTML5 에서는 정식으로 사양이 제정되었다.
  • object 요소와는 달리 embed 요소는 종료 태그가 없으므로 자식 요소를 둘 수 없다.
  • object 요소를 지원하지 않는 브라우저가 있기 때문에 호환성을 높이기 위한 차원에서 또 다른 규격인 embed 요소가 제안되었다.
  •  

OBJECT 요소

object 요소는 미디어 객체를 표시한다.

  • object 요소는 다양한 형식의 멀티미디어 데이터를 처리할 수 있도록 여러가지 속성이 마련되어 있지만 항상 성공적으로 실행되는 것은 아니기 때문에 대체 콘텐츠나 폴백 콘텐츠를 작성하기도 한다.(위의 예에서는 플래시파일을 재생해보고 안되면 png 이미지파일을 안되면 p요소의 대체 글을 보여주게 된다.)
  • 다양한 속성중에서 data와 type 속성은 반드시 한 속성은 지정되어야 한다.
728x90
반응형