Markup CityISSUE #35 of 39

symbols · math · currency · arrows

Tagg the BuilderVSThe Unclosed Tag

Tagg the Builder saysMath, currency, and arrow symbols all have entity codes — handy when a character is hard to type.

Beyond reserved characters, HTML entities cover thousands of symbols: currency (€ €, £ £), math (× ×, ÷ ÷, ° °), and arrows (→ →, ← ←).

With UTF-8 you can usually just paste the real character, but entities are safer when a file's encoding is uncertain or the symbol is awkward to type. Numeric codes (→ for →) cover anything without a name.

Power-ups you unlock

Currency: € £ ¥ ¢
Math: × ÷ ° ± ≠
Arrows: → ← ↑ ↓
Numeric codes cover any character: →

The Unclosed Tag attacks — common mistakes

Using letter x for multiplication instead of × (×)
Assuming a named entity exists for every symbol (use numeric)
Mixing real chars and entities inconsistently across a file

Boss battleWrite a price with the € symbol, a temperature with °, and a "next" link with a → arrow, all via entities.

Example code

<!doctype html>
<html><head><meta charset="utf-8"></head>
<body style="background:#06040d;color:#e6e0ff;font-size:18px">
  <p>price: &amp;euro;9 → &euro;9</p>
  <p>temp: 21&amp;deg;C → 21&deg;C</p>
  <p>3 &amp;times; 4 = 12 → 3 &times; 4 = 12</p>
  <p>next &amp;rarr; → next &rarr;</p>
</body></html>

▶ Open the interactive comic issue

‹ Entities · &Amp; · &Lt; · &Nbsp;Emojis · Unicode In The Page ›