웹 개발 기본 & 디자인

[HTML] <iframe> 태그란??

Data Jun 2025. 12. 28. 16:13

<iframe>은 다른 웹 페이지를 현재 페이지 안에 삽입할 때 사용하는 HTML 태그입니다.
외부 콘텐츠를 그대로 불러와 보여주는 용도로 자주 사용됩니다.

 

1. 기본 문법

<iframe 
  src="https://example.com"
  width="600"
  height="400">
</iframe>

 

  • src : 불러올 페이지 URL
  • width / height : iframe 크기

 

2. 언제 사용하나?

 

  • 유튜브 영상 삽입
  • 지도(구글 지도, 카카오맵)
  • 외부 서비스 위젯
  • 문서 미리보기

 

 

정리하면

 

<iframe>은
외부 콘텐츠를 간단하게 삽입할 수 있는 태그이며,
영상·지도·위젯 같은 경우에 가장 적합하다.