docs(10_Wiki): W3Schools 위키화 — HTML/CSS/JavaScript(core)
W3Schools 튜토리얼을 P-Reinforce v3.1 포맷으로 위키화(영어 본문, 한/영 섹션 헤더). - Topic_HTML: 59문서 (튜토리얼+예제, 레퍼런스/메타 제외) - Topic_CSS: 190문서 (메인 + Advanced/Flexbox/Grid/RWD 전체) - Topic_JavaScript: 120문서 (코어 언어; Temporal/DOM상세/BOM/WebAPI/AJAX/jQuery/Graphics 등은 후속) 각 폴더 00_INDEX.md(MOC) 포함. 코드 verbatim, 미확인분은 "Not found in source" 표기. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,133 @@
|
||||
---
|
||||
id: html-symbols
|
||||
title: "HTML Symbols"
|
||||
category: "Frontend"
|
||||
status: "draft"
|
||||
verification_status: "conceptual"
|
||||
canonical_id: ""
|
||||
aliases: ["HTML entities", "HTML symbol entities", "entity names", "entity numbers", "HTML special characters", "character references"]
|
||||
duplicate_of: ""
|
||||
source_trust_level: "B"
|
||||
confidence_score: 0.89
|
||||
created_at: 2026-06-23
|
||||
updated_at: 2026-06-23
|
||||
review_reason: ""
|
||||
merge_history: []
|
||||
tags: ["html", "web", "frontend", "symbols", "entities", "w3schools"]
|
||||
raw_sources: ["https://www.w3schools.com/html/html_symbols.asp"]
|
||||
applied_in: []
|
||||
github_commit: ""
|
||||
---
|
||||
|
||||
# [[HTML Symbols]]
|
||||
|
||||
## 🎯 한 줄 통찰 (One-line insight)
|
||||
Symbols that are not present on a keyboard can be inserted into HTML using **entity names** or **entity numbers** (decimal or hexadecimal references), letting any page display currency signs, arrows, mathematical operators, Greek letters, and more. [S1]
|
||||
|
||||
## 🧠 핵심 개념 (Core concepts)
|
||||
- **Why symbols need encoding** — many useful characters (€, ©, ←, ∑, Α) are not available on a standard keyboard, so HTML provides reference codes to insert them. [S1]
|
||||
- **Three ways to reference a symbol** — an *entity name* (e.g. `€`), a *decimal entity number* (e.g. `€`), or a *hexadecimal entity number* (e.g. `€`). All three render the same character. [S1]
|
||||
- **Entity names vs numbers** — entity names are easier to remember; entity numbers are guaranteed to work even when a browser does not support a particular name. [S1]
|
||||
- **Categories of symbols** — W3Schools groups symbols into symbol entities (currency, trademarks, arrows, card suits), mathematical entities, and Greek letter entities, plus many extended reference categories. [S1]
|
||||
|
||||
## 🧩 추출된 패턴 (Extracted patterns)
|
||||
- **Entity name pattern** — `&name;` (e.g. `©` → ©). [S1]
|
||||
- **Decimal number pattern** — `&#NNNN;` (e.g. `€` → €). [S1]
|
||||
- **Hexadecimal number pattern** — `&#xHHHH;` (e.g. `€` → €). [S1]
|
||||
- **Interchangeability** — for the Euro sign, `€`, `€`, and `€` all produce €. [S1]
|
||||
|
||||
## 📖 세부 내용 (Details)
|
||||
**HTML Symbols**
|
||||
Symbols that are not present on the keyboard can be added to HTML using entity names or entity numbers. A symbol can be referenced by its entity name, its decimal entity number, or its hexadecimal entity number. [S1]
|
||||
|
||||
The Euro sign demonstrates all three reference forms producing the same output: [S1]
|
||||
```html
|
||||
<p>I will display €</p>
|
||||
<p>I will display €</p>
|
||||
<p>I will display €</p>
|
||||
```
|
||||
|
||||
**HTML Symbol Entities** [S1]
|
||||
|
||||
| Character | Number | Entity | Description |
|
||||
|---|---|---|---|
|
||||
| © | `©` | `©` | COPYRIGHT |
|
||||
| ® | `®` | `®` | REGISTERED TRADEMARK |
|
||||
| € | `€` | `€` | EURO SIGN |
|
||||
| ™ | `™` | `™` | TRADEMARK |
|
||||
| ← | `←` | `←` | LEFT ARROW |
|
||||
| ↑ | `↑` | `↑` | UP ARROW |
|
||||
| → | `→` | `→` | RIGHT ARROW |
|
||||
| ↓ | `↓` | `↓` | DOWN ARROW |
|
||||
| ♠ | `♠` | `♠` | SPADE |
|
||||
| ♣ | `♣` | `♣` | CLUB |
|
||||
| ♥ | `♥` | `♥` | HEART |
|
||||
| ♦ | `♦` | `♦` | DIAMOND |
|
||||
|
||||
**HTML Mathematical Entities** [S1]
|
||||
|
||||
| Character | Number | Entity | Description |
|
||||
|---|---|---|---|
|
||||
| ∀ | `∀` | `∀` | For all |
|
||||
| ∂ | `∂` | `∂` | Partial differential |
|
||||
| ∃ | `∃` | `∃` | There exists |
|
||||
| ∅ | `∅` | `∅` | Empty sets |
|
||||
| ∇ | `∇` | `∇` | Nabla |
|
||||
| ∈ | `∈` | `∈` | Element of |
|
||||
| ∉ | `∉` | `∉` | Not an element of |
|
||||
| ∋ | `∋` | `∋` | Contains as member |
|
||||
| ∏ | `∏` | `∏` | N-ary product |
|
||||
| ∑ | `∑` | `∑` | N-ary summation |
|
||||
|
||||
**HTML Greek Letter Entities** [S1]
|
||||
|
||||
| Character | Number | Entity | Description |
|
||||
|---|---|---|---|
|
||||
| Α | `Α` | `Α` | GREEK ALPHA |
|
||||
| Β | `Β` | `Β` | GREEK BETA |
|
||||
| Γ | `Γ` | `Γ` | GREEK GAMMA |
|
||||
| Δ | `Δ` | `Δ` | GREEK DELTA |
|
||||
| Ε | `Ε` | `Ε` | GREEK EPSILON |
|
||||
| Ζ | `Ζ` | `Ζ` | GREEK ZETA |
|
||||
|
||||
**More Symbols**
|
||||
The page links to many extended symbol reference categories, including: Currency Symbols, Letterlike Symbols, Number Forms, Enclosed Alphanumeric, Box Drawings, Block Elements, Geometric Shapes, Misc Symbols, Dingbats, Astrological Symbols, Math Operators, Math Symbols, Math Alphanumeric, Misc Technical, Colored Symbols, Arrows, Weather Symbols, Musical Symbols, Domino & Dices, Mahjong Tiles, Card Symbols, Chess Symbols, Yin Yang Symbols, Recycling Symbols, Life & Religion, and Places & Traffic. [S1]
|
||||
|
||||
## 🛠️ 적용 사례 (Applied in summary)
|
||||
The Euro-sign example above is the canonical applied case: displaying one symbol three equivalent ways (name, decimal, hex). No external project/commit applications found in the source.
|
||||
|
||||
## 💻 코드 패턴 (Code patterns)
|
||||
Display the Euro symbol three equivalent ways (HTML):
|
||||
```html
|
||||
<p>I will display €</p>
|
||||
<p>I will display €</p>
|
||||
<p>I will display €</p>
|
||||
```
|
||||
Common symbol references (HTML):
|
||||
```html
|
||||
<p>Copyright: ©</p>
|
||||
<p>Registered: ®</p>
|
||||
<p>Trademark: ™</p>
|
||||
<p>Heart: ♥</p>
|
||||
```
|
||||
|
||||
## ⚖️ 모순 및 업데이트 (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)
|
||||
- **상위/루트:** [[HTML Tutorial]]
|
||||
- **관련 개념:** [[HTML Emojis]], [[HTML Charsets]], [[HTML Entities]], [[HTML URL Encode]]
|
||||
- **참조 맥락:** Referenced whenever a page must display a character that is not directly typeable on a keyboard.
|
||||
|
||||
## 📚 출처 (Sources)
|
||||
- [S1] W3Schools — HTML Symbols — https://www.w3schools.com/html/html_symbols.asp
|
||||
|
||||
## 📝 변경 이력 (Change history)
|
||||
- 2026-06-23: Initial draft synthesized from the W3Schools "HTML Symbols" page (Astra wiki-curation, P-Reinforce v3.1 format).
|
||||
Reference in New Issue
Block a user