TL
툴랩
💰후원하기
💰후원하기

아이프레임 생성기

사용자 정의 크기와 샌드박스 속성으로 HTML 아이프레임 코드를 생성합니다.

이 도구 소개

The Iframe Generator creates ready-to-use HTML `<iframe>` embed code. Configure the source URL, dimensions, title, scrolling behaviour, lazy loading, fullscreen permission, and the sandbox attribute — then copy the output.

All fields update the generated code in real time. No data is sent to a server. The title attribute is required for accessibility: screen readers announce it to describe the embedded content.

사용 방법

  1. Enter the URL you want to embed in the URL field.
  2. Set the width, height, title, border, scrolling, and loading options.
  3. Toggle allowfullscreen and sandbox as needed; if sandbox is on, choose the permissions to grant.
  4. Copy the generated iframe code and paste it into your HTML.

활용 사례

Developers embed YouTube or Vimeo videos with exact pixel dimensions. Front-end engineers embed maps, widgets, or third-party tools with sandbox security. Designers create portal pages that include external content inline.

자주 묻는 질문

  • What is the sandbox attribute?sandbox restricts what the embedded page can do (run scripts, submit forms, open popups). Enable only the permissions you actually need for security.
  • Why is the title attribute important?Screen readers use the title to describe the embedded content to visually impaired users. WCAG 2.1 requires a meaningful title on every iframe.
  • Will every website allow itself to be embedded?No. Sites can send X-Frame-Options or Content-Security-Policy headers that block embedding. You can only embed pages that explicitly allow it.