Files
2nd/10_Wiki/Topics/Domain_Programming/Topic_HTML/HTML_Iframes.md
T
Antigravity Agent c24165b8bc refactor(topics): 멀티 에이전트용 지식 재편 — _Common(공통 기본기) + Domain_* 구조
에이전트 8종(대화형/프로그래머 C·S/디자이너/설계자/기획자/QA/PD/PM)에게
[공통 기본 능력 + 롤별 Specialty] 2층으로 지식을 주입하기 위한 재분류.
문서 내용·포맷은 무수정, 폴더 이동만 (6,372개 문서 수 보존 확인).

- Topic_Programming → Domain_Programming (내부 구조 보존)
- Topic_Graphic → Domain_Design
- Topic_Business → Domain_Product
- Topic_General → Domain_General
- _Common 신설: Math(구 Topic_Math_Specialty), Reasoning(구 General/From_Thinking & Reasoning),
  Reasoning_Creativity(구 General/From_창의성), Communication(Poetic_Blog_Writing + From_writing)
- 타 도메인의 From_* 폴더는 유지 (출처 표기일 뿐, 이미 도메인에 맞게 분류된 문서)
- 빈 폴더 정리 (memory/procedures)
- 에이전트→폴더 매핑은 workspace의 .astra/agent-knowledge-map.json (9개 에이전트)

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-11 11:05:56 +09:00

5.8 KiB

id, title, category, status, verification_status, canonical_id, aliases, duplicate_of, source_trust_level, confidence_score, created_at, updated_at, review_reason, merge_history, tags, raw_sources, applied_in, github_commit
id title category status verification_status canonical_id aliases duplicate_of source_trust_level confidence_score created_at updated_at review_reason merge_history tags raw_sources applied_in github_commit
html-iframes HTML Iframes Frontend draft conceptual
iframe
inline frame
embed page
iframe target
iframe src
B 0.89 2026-06-23 2026-06-23
html
web
frontend
w3schools
embedding
https://www.w3schools.com/html/html_iframe.asp

HTML Iframes

🎯 한 줄 통찰 (One-line insight)

An HTML iframe (<iframe>) is an inline frame that embeds another HTML document inside the current page. [S1]

🧠 핵심 개념 (Core concepts)

  • <iframe> embeds a document — it specifies an inline frame used to embed another document within the current HTML document. [S1]
  • src attribute — defines the URL of the page to embed. [S1]
  • title attribute — it is good practice to always include a title; screen readers use it to read out what the iframe content is. [S1]
  • Sizingheight and width attributes (in pixels) set the iframe size; CSS style can be used instead. [S1]
  • Border control — use style="border:none;" to remove the default border, or a CSS border value to customize it. [S1]
  • Link target — naming an iframe (name="...") lets a link target it so the linked page loads inside the iframe. [S1]

🧩 추출된 패턴 (Extracted patterns)

  • Embed pattern<iframe src="url" title="description"></iframe> to place an external/internal page inside the current one. [S1]
  • Styling pattern — control size and border with either HTML attributes (height/width) or inline CSS (style). [S1]
  • Named-target pattern — give the iframe a name, then point a link's target at that name to load content into the frame. [S1]

📖 세부 내용 (Details)

HTML Iframes. An HTML iframe is used to display a web page within a web page. The HTML <iframe> tag specifies an inline frame. An inline frame is used to embed another document within the current HTML document. [S1]

Iframe Syntax. [S1]

<iframe src="url" title="description"></iframe>

Tip: It is a good practice to always include a title attribute for the <iframe>. This is used by screen readers to read out what the content of the iframe is. [S1]

Iframe — Set Height and Width. Use the height and width attributes to specify the size of the iframe. The attribute values are specified in pixels by default, but they can also be in percent (like "80%"). [S1]

<iframe src="demo_iframe.htm" height="200" width="300" title="Iframe Example"></iframe>

Or you can use the CSS height and width properties: [S1]

<iframe src="demo_iframe.htm" style="height:200px;width:300px;" title="Iframe Example"></iframe>

Iframe — Remove the Border. By default, an iframe has a border around it. To remove the border, add the style attribute and use the CSS border property: [S1]

<iframe src="demo_iframe.htm" style="border:none;" title="Iframe Example"></iframe>

With CSS, you can also change the size, style, and color of the iframe's border: [S1]

<iframe src="demo_iframe.htm" style="border:2px solid red;" title="Iframe Example"></iframe>

Iframe — Target for a Link. An iframe can be used as the target frame for a link. The target attribute of the link must refer to the name attribute of the iframe. [S1]

<iframe src="demo_iframe.htm" name="iframe_a" title="Iframe Example"></iframe>

<p><a href="https://www.w3schools.com" target="iframe_a">W3Schools.com</a></p>

Chapter Summary. [S1]

  • The HTML <iframe> tag specifies an inline frame.
  • The src attribute defines the URL of the page to embed.
  • Always include a title attribute (for screen readers).
  • The height and width attributes specify the size of the iframe.
  • Use border:none; to remove the border around the iframe.

HTML iframe Tag. [S1]

Tag Description
<iframe> Defines an inline frame

🛠️ 적용 사례 (Applied in summary)

The demo_iframe.htm embeds (sized, borderless, custom-border) and the named iframe_a used as a link target are the canonical applied examples. No external project/commit applications found in the source.

💻 코드 패턴 (Code patterns)

Basic iframe (HTML):

<iframe src="url" title="description"></iframe>

Sized, borderless iframe (HTML):

<iframe src="demo_iframe.htm" style="height:200px;width:300px;border:none;" title="Iframe Example"></iframe>

Iframe as link target (HTML):

<iframe src="demo_iframe.htm" name="iframe_a" title="Iframe Example"></iframe>
<a href="https://www.w3schools.com" target="iframe_a">W3Schools.com</a>

⚖️ 모순 및 업데이트 (Contradictions & updates)

No contradictions found in the source. [S1]

검증 상태 및 신뢰도

  • 상태: draft
  • 검증 단계: conceptual (실제 적용 사례 발견 시 applied/validated로 승격 가능)
  • 출처 신뢰도: B (W3Schools — widely used educational reference, not a primary standards body)
  • 신뢰 점수: 0.89
  • 중복 검사 결과: 신규 생성 (New discovery)

🔗 지식 그래프 (Knowledge Graph)

📚 출처 (Sources)

📝 변경 이력 (Change history)

  • 2026-06-23: Initial draft synthesized from the W3Schools "HTML Iframes" page (Astra wiki-curation, P-Reinforce v3.1 format).