--- id: html-emojis title: "HTML Emojis" category: "Frontend" status: "draft" verification_status: "conceptual" canonical_id: "" aliases: ["HTML emoji", "emojis in HTML", "Unicode emojis", "UTF-8 emojis", "emoji characters", "emoji entity numbers"] 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", "emojis", "unicode", "utf-8", "w3schools"] raw_sources: ["https://www.w3schools.com/html/html_emojis.asp"] applied_in: [] github_commit: "" --- # [[HTML Emojis]] ## 🎯 ν•œ 쀄 톡찰 (One-line insight) Emojis look like images but are actually **letters (characters) from the UTF-8 (Unicode) character set**, so they can be copied, displayed, and sized just like any other HTML character. [S1] ## 🧠 핡심 κ°œλ… (Core concepts) - **Emojis are characters, not images** β€” they are letters from the UTF-8 (Unicode) character set, which is why they behave like ordinary text. [S1] - **Charset must be declared** β€” to display a page correctly the browser must know its character set, declared with ``. If not specified, UTF-8 is the default in HTML. [S1] - **Entity numbers** β€” each emoji has a numeric reference (e.g. `😀` for πŸ˜€), exactly like other character entities. [S1] - **Styleable like text** β€” because emojis are characters, they can be copied, displayed, and sized (e.g. via `font-size`) just like any other character. [S1] ## 🧩 μΆ”μΆœλœ νŒ¨ν„΄ (Extracted patterns) - **Charset declaration pattern** β€” `` in the document head. [S1] - **Numeric character pattern** β€” `&#NNN;` renders a Unicode character; e.g. `A` β†’ A, `😀` β†’ πŸ˜€. [S1] - **Sizing pattern** β€” wrap emojis in a styled element, e.g. `

πŸ˜€

`. [S1] ## πŸ“– μ„ΈλΆ€ λ‚΄μš© (Details) **What are Emojis?** Emojis look like images, but they are not. Emojis are letters (characters) from the UTF-8 (Unicode) character set. Examples shown include πŸ˜„ 😍 πŸ’—. [S1] **The HTML charset Attribute** To display an HTML page correctly, a web browser must know the character set used in the page. This is specified in the `` tag: ``. If not specified, UTF-8 is the default character set in HTML. [S1] **UTF-8 Characters** Because letters are UTF-8 characters, they can be displayed by their entity numbers. The characters A, B, and C are displayed by the numbers 65, 66, and 67: [S1] ```html

I will display A B C

I will display A B C

``` The `` element defines the character set. [S1] **Emoji Characters** Emojis are also characters from the UTF-8 alphabet and can be referenced by their entity number. A basic emoji display: [S1] ```html

My First Emoji

😀

``` Since emojis are characters, they can be copied, displayed, and sized just like any other character in HTML β€” here using `font-size`: [S1] ```html

Sized Emojis

😀 😄 😍 💗

``` **Emoji reference values (sample)** [S1] | Emoji | Value | |---|---| | πŸ—» | `🗻` | | πŸ—Ό | `🗼` | | πŸ—½ | `🗽` | | πŸ—Ύ | `🗾` | | πŸ—Ώ | `🗿` | | πŸ˜€ | `😀` | | 😁 | `😁` | | πŸ˜‚ | `😂` | | πŸ˜ƒ | `😃` | | πŸ˜„ | `😄` | | πŸ˜… | `😅` | **HTML Emoji Examples** The page lists emoji categories with sample characters, including Smileys (πŸ˜€ πŸ˜‚ 😊 😎 😜), Hands (✌ ✊ ☝ βœ‹ πŸ‘Œ), and further categories: People, Office, Places, Transport, Animals, Food, Plants, Fruits, Sports, Earth & Sky, Weather, Clothing, Audio/Video, Celebration, Entertainment, and Symbols. [S1] ## πŸ› οΈ 적용 사둀 (Applied in summary) The "My First Emoji" and "Sized Emojis" examples above are the canonical applied cases: rendering an emoji by entity number and scaling it with CSS `font-size`. No external project/commit applications found in the source. ## πŸ’» μ½”λ“œ νŒ¨ν„΄ (Code patterns) Display an emoji by entity number (HTML): ```html

😀

``` Size emojis like text (HTML): ```html

😀 😄 😍 💗

``` ## βš–οΈ λͺ¨μˆœ 및 μ—…λ°μ΄νŠΈ (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 Symbols]], [[HTML Charsets]], [[HTML Entities]], [[HTML URL Encode]] - **μ°Έμ‘° λ§₯락:** Referenced when adding emoji or Unicode characters to a page, which depends on declaring the UTF-8 character set. ## πŸ“š 좜처 (Sources) - [S1] W3Schools β€” HTML Emojis β€” https://www.w3schools.com/html/html_emojis.asp ## πŸ“ λ³€κ²½ 이λ ₯ (Change history) - 2026-06-23: Initial draft synthesized from the W3Schools "HTML Emojis" page (Astra wiki-curation, P-Reinforce v3.1 format).