Files
2nd/10_Wiki/Topics/Domain_Programming/Topic_HTML/HTML_Favicon.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

4.2 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-favicon HTML Favicon Frontend draft conceptual
favicon
link rel icon
favicon.ico
browser tab icon
site icon
B 0.88 2026-06-23 2026-06-23
html
web
frontend
w3schools
favicon
head
https://www.w3schools.com/html/html_favicon.asp

HTML Favicon

🎯 한 줄 통찰 (One-line insight)

A favicon is a small image displayed next to the page title in the browser tab, added by placing a <link rel="icon"> element in the document's <head>. [S1]

🧠 핵심 개념 (Core concepts)

  • What a favicon is — a small image displayed next to the page title in the browser tab. [S1]
  • Design guidance — since a favicon is a small image, it should be a simple image with high contrast. [S1]
  • How to add it — use the HTML <link> element inside the <head> section (after the <title> element); favicons can be sourced from sites like favicon.cc or custom-created. [S1]
  • File placement — put the favicon in the site's root directory or an /images folder. [S1]
  • Format support — ICO, PNG, GIF, JPEG, and SVG favicon formats are supported across Edge, Chrome, Firefox, Opera, and Safari. [S1]

🧩 추출된 패턴 (Extracted patterns)

  • Favicon link pattern<link rel="icon" type="image/x-icon" href="/images/favicon.ico"> placed in <head>. [S1]
  • Head-placement pattern — the <link> goes after the <title> element. [S1]

📖 세부 내용 (Details)

A favicon is a small image displayed next to the page title in the browser tab. [S1]

Adding a favicon Favicons can be sourced from sites like favicon.cc or custom-created images. A favicon is a small image, so it should be a simple image with high contrast. Place the favicon in your site's root directory or an /images folder, then add a <link> element to your HTML <head> section after the <title> element. [S1]

<!DOCTYPE html>
<html>
<head>
  <title>My Page Title</title>
  <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

Supported favicon file formats The guide includes a compatibility matrix showing support across Edge, Chrome, Firefox, Opera, and Safari: [S1]

File format Edge Chrome Firefox Opera Safari
ICO Yes Yes Yes Yes Yes
PNG Yes Yes Yes Yes Yes
GIF Yes Yes Yes Yes Yes
JPEG Yes Yes Yes Yes Yes
SVG Yes Yes Yes Yes Yes

Key takeaway — use the HTML <link> element to insert a favicon within your document's head section. [S1]

🛠️ 적용 사례 (Applied in summary)

The full HTML document with the favicon <link> above is the canonical applied example from the source. No external project/commit applications found in the source.

💻 코드 패턴 (Code patterns)

Favicon link in head (HTML):

<head>
  <title>My Page Title</title>
  <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
</head>

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

No contradictions found in the source.

검증 상태 및 신뢰도

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

🔗 지식 그래프 (Knowledge Graph)

📚 출처 (Sources)

📝 변경 이력 (Change history)

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