HTML Unicode

Definition and Usage

Unicode is a standard character set that numbers and defines characters from the world’s languages, writing systems, and symbols. By giving every character a number—a code point—computers can store and mix many languages in one HTML file without guessing which legacy charset applies.

What does Unicode mean for HTML authors?

Your page text is almost always Unicode characters encoded as UTF-8 bytes. You declare that with <meta charset="UTF-8">, type characters directly in the source, or insert them with HTML character references that target a Unicode code point.

Why Unicode replaced older character sets

Before Unicode, one charset might store Japanese and another Arabic. If programs disagreed about which bytes meant which characters, text became garbled—mojibake (for example curly quotes turning into nonsense like £). Unicode + UTF-8 gives the web one shared map for letters, emoji, and symbols.

When do you use Unicode features in HTML?

On every modern page: set UTF-8, write multilingual content, and use numeric references when you need a specific code point in ASCII-only source or for reserved markup characters.

HTML Syntax for Unicode

Declare UTF-8, then either type the character or reference its code point:

Decimal form: ©. Hexadecimal form: © (or ©). Named entities such as © also resolve to Unicode characters—see HTML Entities.

Core HTML Concepts

Terms that connect Unicode to everyday HTML markup:

Unicode code points you will see in HTML

How to Use Unicode in HTML

Lock in UTF-8, then choose typed characters or character references.

1. Put <meta charset="UTF-8"> as early as possible in <head>.
2. Save the .html file as UTF-8 in your editor (must match the meta declaration).
3. Type letters, accents, and emoji directly when your toolchain is UTF-8.
4. Use &#…; or &#x…; when you need an explicit code point, or named entities for common symbols.
5. Always escape <, >, and & in text so the browser does not treat them as markup.

Live Preview

Pick a Unicode character and see how it appears as a typed character and as HTML numeric references.

U+0041
A
A

HTML Examples

Three short patterns: declare UTF-8, type Unicode text, and insert characters by code point.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Unicode-ready HTML</title>
</head>
<body>
  <p>This file can hold any Unicode character.</p>
</body>
</html>

Browser decodes the HTML file as UTF-8
Unicode characters in the body display correctly

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Mixed Unicode text</title>
</head>
<body>
  <p>Café — résumé — naïve</p>
  <p lang="ja">日本語のテキスト</p>
  <p>Symbols: © ® ™ — Emoji: 😀</p>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Unicode references</title>
</head>
<body>
  <p>Copyright: &#169; or &#xa9; or &copy;</p>
  <p>Euro: &#8364; or &#x20ac;</p>
  <p>Grinning face: &#128512; or &#x1F600;</p>
  <p>Less-than must be escaped: &lt;price&gt;</p>
</body>
</html>

Key Takeaways