HTML Entity for Uppercase Q Double Struck Capital (ℚ)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+211A

HTML Entity for uppercase Q double struck capital (U+211A) tutorial illustration

Definition

What Is Uppercase Q Double Struck Capital?

Uppercase Q double struck capital (ℚ) is the Unicode character at U+211A (DOUBLE-STRUCK CAPITAL Q) in Letterlike Symbols — a blackboard-bold Q used in mathematical notation, most often for the set of rational numbers.

Remember

Character     ℚ
Unicode       U+211A
Named entity  &Qopf;  (also &rationals;)
Hex entity    &#x211A;
Decimal       &#8474;
CSS escape    \211A
Not the same  Q · Ɋ · ℕ · ℙ

Prefer &Qopf; in HTML markup (alias &rationals; also works). Numeric forms and typing ℚ in UTF-8 also work. Use a math-capable font when the blackboard-bold shape matters. Do not confuse this with plain Q or Q with hook tail.

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Named entity	`&Qopf;`	HTML markup (preferred)
Named alias	`&rationals;`	HTML markup (same glyph)
Direct character	`ℚ`	HTML text (UTF-8)
Hex entity	`ℚ`	HTML markup
Decimal entity	`ℚ`	HTML markup
CSS escape	`\211A`	Stylesheet `content`

When to Use Which

Situation	Use
Rational numbers / blackboard-bold Q	`&Qopf;` or type `ℚ`
Natural numbers (ℕ)	ℕ (`&Nopf;`)
Prime numbers (ℙ)	ℙ (`&Popf;`)
Q with hook tail (Ɋ)	Ɋ (U+024A)
Plain capital Q	Q (U+0051)
Generated text via `::before` / `::after`	`content: "\211A"`

See it

Live Preview

Double-struck Q rendered alone and next to related symbols.

Large glyph ℚ

Math use q ∈ ℚ

Compared ℚ | Q | Ɋ | ℕ | ℙ

With entities Named: ℚ | Hex: ℚ | Decimal: ℚ

Code

Complete HTML Example

One page that shows the symbol with named, hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Named + Hex + Decimal + CSS + Typed

Five ways to produce ℚ, plus a short rational-number membership example.

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Uppercase Q Double Struck Capital (ℚ)</title>
  <style>
    #point::after {
      content: "\211A";
    }
  </style>
</head>
<body>
  <p>Using Named Entity: &Qopf;</p>
  <p>Using Hex Code: &#x211A;</p>
  <p>Using HTML Code: &#8474;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: ℚ</p>
  <p>Rationals: q &#x2208; &Qopf;</p>
</body>
</html>

Try It Yourself

How It Works

1. Named: &Qopf; is the clearest HTML form for U+211A (from “Qopf” / blackboard-bold letter naming). Alias &rationals; produces the same glyph.

2. Hex: U+211A → ℚ in HTML. Same glyph as the named entity.

3. Decimal: same code point as 8474 → ℚ. Same glyph as hex and named.

4. CSS: use \211A in content (not an HTML entity). #point::after appends that ℚ after the paragraph text.

5. Typed / math: paste ℚ in UTF-8, or write q ∈ &Qopf; for a short membership label.

Pitfalls & Tips

Common mistakes when working with U+211A.

vs Q

Not a plain capital Q

ASCII Q (U+0051) is not letterlike. Use &Qopf; when you need the double-struck rationals symbol.

vs Ɋ

Not Q with hook tail

Ɋ is a Latin Extended-B letter. ℚ is a mathematical letterlike symbol. See uppercase Q hook tail.

vs bold

Not CSS bold

font-weight: bold only thickens a letter. U+211A is a dedicated double-struck character.

ℚ

Alias names the math set

&rationals; is an HTML5 alias for ℚ (the rationals). Prefer &Qopf; when teaching entity naming patterns.

Fonts

Letterlike coverage varies

Some fonts fall back to a plain Q. Prefer Cambria Math, STIX, or another math font for ℚ.

CSS vs HTML

Do not mix escapes

\211A belongs in CSS strings. &Qopf; / ℚ / ℚ belong in HTML.

Compatibility

Browser Support

Double-struck capital Q (U+211A) and its entity forms (&Qopf;, &rationals;, ℚ, ℚ, CSS \\211A) are supported in all mainstream browsers. Visible glyphs depend on Letterlike Symbols font coverage.

✓ Universal support

Uppercase Q Double Struck Capital (ℚ)

Encode with named, hex, decimal, CSS escape, or type the character — same code point everywhere encoding is supported.

100% Browser coverage

Google Chrome Supported

Yes

Microsoft Edge Supported

Yes

Mozilla Firefox Supported

Yes

Apple Safari Supported

Yes

Opera Supported

Yes

Internet Explorer IE 9+

Yes

U+211A / &Qopf; Full support

Bottom line: Prefer &Qopf; in HTML. Use \\211A only inside CSS content. Do not confuse with plain Q or Q with hook tail (Ɋ).

Remember

Key Takeaways

Unicode: double-struck Q is U+211A (decimal 8474) — glyph ℚ.
HTML: prefer &Qopf; (also &rationals;) — also ℚ / ℚ.
CSS: use \211A inside content for generated text.
Meaning: ℚ is rational numbers / blackboard bold — not plain Q, not Ɋ.

One line: U+211A → &Qopf; / ℚ / ℚ / CSS \211A.

Frequently Asked Questions

How do I display ℚ in HTML?

Use &Qopf; (named), ℚ (hex), ℚ (decimal), type ℚ directly in UTF-8, or the CSS escape \211A in content. Prefer &Qopf; in normal HTML. Alias &rationals; also works.

What is the Unicode value for double-struck capital Q?

U+211A (DOUBLE-STRUCK CAPITAL Q). Hex 211A, decimal 8474. It belongs to Letterlike Symbols (U+2100–U+214F).

Is there a named HTML entity for U+211A?

Yes. Use &Qopf; (preferred). Numeric forms ℚ and ℚ also work. HTML5 also defines &rationals; for the same character.

Is ℚ the same as Q or Ɋ?

No. ℚ is double-struck capital Q (U+211A, &Qopf;). Plain Q is U+0051. Ɋ is Latin capital Q with hook tail (U+024A).

When should I use &Qopf;?

Use it in mathematical notation for the rational numbers (for example q ∈ ℚ), or whenever blackboard-bold Q is required — not as a substitute for plain Q.

What is the difference between HTML code and CSS entity for U+211A?

HTML entities (&Qopf;, ℚ, or ℚ) go in markup. The CSS escape \211A goes in stylesheet strings (usually content on ::before/::after).

Did you know?

Double-struck capital Q is Unicode U+211A (decimal 8474) — glyph ℚ in Letterlike Symbols (U+2100–U+214F). HTML5 names it &Qopf; (also &rationals;). Official name: DOUBLE-STRUCK CAPITAL Q. In mathematics it usually denotes the rational numbers. Prefer a math-capable font for the blackboard-bold look.

Next: Uppercase Q Hook Tail

Learn the HTML entity for uppercase Q with hook tail — next in this sequence.

Continue tutorial →

About the author

Mari Selvan M P 🔗

Developer, cloud engineer, and technical writer

Experience 12 years building web and cloud systems
Focus Full Stack Development, AWS, and Developer Education

I write practical tutorials so students and working developers can learn by doing—from databases and APIs to deployment on AWS.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

HTML Entity | Uppercase Q HTML Entity | Uppercase Q Hook Tail