HTML Symbols Entities

Detailed list of various HTML symbol entities, each with its own description and usage example:

---

Common Special Characters

1. Ampersand (&)

• Entity: & or &
• Description: Represents the ampersand symbol (&), often used in text.
• Example: <p>This & that</p> displays as “This & that”.

1. Less-Than Sign (<)

• Entity: < or <
• Description: Displays a less-than sign, crucial for HTML tags.
• Example: <div>Hello</div> is rendered correctly.

1. Greater-Than Sign (>)

• Entity: > or >
• Description: Shows a greater-than sign, used in tag closures.
• Example: <p>Value &gt; 100</p> shows “Value > 100”.

1. Hyphen/Dash (-)

• Entity:  
• Description: Renders an en space for typographical purposes.
• Example:   adds a space in text.

1. Non-Breaking Space ()

• Entity:  
• Description: Prevents line breaks in text.
• Example: <span>&nbsp;</span> keeps content on one line.

---

Punctuation and Typographical Symbols

6. Single Quotation Mark (')

• Entity: ' or '
• Description: Represents a single quote, useful in attributes.
• Example: <input value=&apos;'Test&apos;>

6. Double Quotation Mark (")

• Entity: " or "
• Description: Displays a double quote, often used in HTML attributes.
• Example: <p>&quot;Hello&quot;</p> shows “Hello”.

6. Curly Braces ({, })

• Entity: { and }
• Description: Renders literal braces, useful in CSS or JS contexts.
• Example: <span class="{test}">Test</span>

6. Ellipsis (…)

• Entity: …
• Description: Displays three dots for trailing text.
• Example: This is an … example.

6. Em Dash (—)
   • Entity: &emdash;
   • Description: Longer dash used in sentences.
   • Example: He left—never to return.

---

Mathematical Operators and Scientific Symbols

11. Plus-Minus Sign (±)
    • Entity: ±
    • Description: Shows a plus-minus symbol.
    • Example: Value ± 5%
12. Multiply Sign (×)
    • Entity: ×
    • Description: Displays the multiplication operator.
    • Example: 2 × 3 = 6
13. Divide Sign (÷)
    • Entity: ÷
    • Description: Shows division operator.
    • Example: 4 ÷ 2 = 2
14. Square Root (√)
    • Entity: &sqrt;
    • Description: Displays the square root symbol.
    • Example: &sqrt;x
15. Integral Sign (∫)
    • Entity: ∫
    • Description: Renders mathematical integral sign.
    • Example: ∫_a^b f(x) dx
16. Infinity Symbol (∞)
    • Entity: ∞
    • Description: Displays infinity symbol.
    • Example: Values approaching ∞

---

Arrows and Directional Icons

17. Right Arrow (→)
    • Entity: →
    • Description: Points to the right, useful in navigation.
    • Example: Click → Proceed.
18. Left Arrow (←)
    • Entity: ←
    • Description: Points to the left for indicating direction.
    • Example: ← Back to start.
19. Upward Arrow (↑)
    • Entity: ↑
    • Description: Points upward, used in status indicators.
    • Example: Click ↑ to scroll up.
20. Downward Arrow (↓)
    • Entity: ↓
    • Description: Points downward for indicating direction.
    • Example: Scroll ↓ for more content.

---

Currency Symbols

21. Dollar Sign ($)
    • Entity: $
    • Description: Represents US currency.
    • Example: $100 shows $100.
22. Euro Sign (€)
    • Entity: €
    • Description: Displays the euro symbol.
    • Example: €50
23. Pound Sterling (£)
    • Entity: £
    • Description: Shows British currency.
    • Example: £20
24. Yen Sign (¥)
    • Entity: ¥
    • Description: Displays Japanese yen symbol.
    • Example: ¥10,000

---

Intellectual Property Symbols

25. Copyright Symbol (©)
    • Entity: ©
    • Description: Represents copyright notice.
    • Example: © 2023 Author.
26. Trademark Symbol (™)
    • Entity: ™
    • Description: Shows trademark symbol.
    • Example: Brand ™
27. Registered Trademark Symbol (®)
    • Entity: ®
    • Description: Displays registered trademark.
    • Example: Product ®

---

Box Drawing Characters

28. Top Horizontal Line (─)
    • Entity: ­
    • Description: Renders a hyphenation point.
    • Example: Line ­ here
29. Corner Arrow Down Right (↘)
    • Entity: ↘
    • Description: Points down-right, useful in diagrams.
    • Example: ←↘→
30. Heavy Multiplication X (X)
    • Entity: ×
    • Description: Renders a bold multiplication sign.
    • Example: ×

---

Braille Patterns and Special Characters

31. Braille Dot Pattern (⠂)
    • Entity: ⠆
    • Description: Represents a braille dot, useful for accessibility.
    • Example: Braille & #x2806;

---

Emoji and Modern Symbols

32. Smiling Face (😊)
    • Entity: 😀
    • Description: Displays a smiley emoji.
    • Example: 😊
33. Heavy Check Mark (✔️)
    • Entity: ✔
    • Description: Renders a checkmark, useful for checkboxes.
    • Example: ✔️ Selected.

---

XML and HTML Entities

34. Double Prime (″)
    • Entity: ″
    • Description: Displays double prime, used in measurements.
    • Example: 5 ″ meters.
35. Single Prime (′)
    • Entity: '
    • Description: Shows single prime for minutes or feet.
    • Example: 5’6″ height.

---

Best Practices

• Use numeric entities (e.g., 😀) for cross-browser compatibility.
• Replace special characters in user inputs to prevent XSS attacks.
• Utilize HTML entities for proper rendering of symbols across devices and browsers.