HTML Entity for Uppercase Q Double Struck Capital (ℚ)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+211A
HTML Entity for Uppercase Q Double Struck Capital tutorial illustration

What You'll Learn

How to display the uppercase Q double struck capital (ℚ) in HTML using named entity, hexadecimal, decimal, and CSS escape methods. This mathematical symbol denotes the set of rational numbers, commonly written as ℚ in equations such as q ∈ ℚ. It is U+211A in the Letterlike Symbols block (U+2100–U+214F).

Render it with ℚ, ℚ, ℚ, or CSS escape \211A. The named entity ℚ is often the most readable option in HTML source. See also math entities.

⚡ Quick Reference — Uppercase Q Double Struck Capital Entity

Unicode U+211A

Letterlike Symbols

Hex Code ℚ

Hexadecimal reference

HTML Code ℚ

Decimal reference

Named Entity ℚ

Most readable option

Reference Table
Name           Value
────────────   ──────────
Unicode        U+211A
Hex code       ℚ
HTML code      ℚ
Named entity   ℚ
CSS code       \211A
Meaning        Double-struck capital Q (rational numbers)
Related        U+0051 = plain Q
Block          Letterlike Symbols (U+2100–U+214F)
1

Complete HTML Example

A simple example showing the uppercase Q double struck capital (ℚ) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\211A";
  }
 </style>
</head>
<body>
<p>Symbol (hex): &#x211A;</p>
<p>Symbol (decimal): &#8474;</p>
<p>Symbol (named): &Qopf;</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The uppercase Q double struck capital (ℚ) and the named entity &Qopf; are supported in all modern browsers:

Chrome1+
Firefox1+
Safari1+
Edge12+
Opera4+
Android4.4+
iOS Safari1+

👀 Live Preview

See the uppercase Q double struck capital (ℚ) in mathematical notation:

Large glyphℚ
Set notationℚ = {p/q : p, q ∈ ℤ, q ≠ 0}
Named entity&Qopf; renders as ℚ
Not the same asplain Q (U+0051)
Numeric refs&#x211A; &#8474; &Qopf; \211A

🧠 How It Works

1

Hexadecimal Code

&#x211A; uses the Unicode hexadecimal value 211A to display the character. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

&#8474; uses the decimal Unicode value 8474 to display the same character. A common method for Letterlike Symbols.

HTML markup
3

Named Entity

&Qopf; is the standard named entity for ℚ—readable in source HTML and part of the HTML5 entity set for blackboard bold letters.

HTML markup
4

CSS Entity

\211A is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.

CSS stylesheet
=

Same visual result

All four methods produce the glyph: ℚ. Unicode U+211A sits in Letterlike Symbols. Do not confuse with plain Q (U+0051). Use math-friendly fonts for best rendering.

✅

Use Cases

The uppercase Q double struck capital (ℚ) is commonly used in:

🔢 Rational numbers

Denote the set of rational numbers ℚ in algebra, analysis, and number theory.

📊 Set theory

Represent number sets alongside ℕ (natural numbers), ℤ (integers), and ℝ (reals).

📚 Education

Textbooks, online courses, and tutorials explaining number systems and blackboard bold notation.

📄 Academic publishing

Research papers, theses, and journal articles in mathematics and computer science.

💻 Web math tools

Equation editors, calculators, and interactive math apps that render set notation in HTML.

🔬 Scientific docs

Technical documentation and formulas involving fractions, fields, and algebraic structures.

📝 Technical writing

API docs, developer guides, and content explaining mathematical concepts involving rational sets.

💡 Best Practices

Do

  • Use &Qopf; in HTML when possible for readability
  • Serve pages as UTF-8; you can also type ℚ directly in UTF-8 source
  • Use math-friendly fonts (e.g. Cambria Math, STIX Two Math) for clear double-struck rendering
  • Use fonts that support Letterlike Symbols characters
  • Distinguish ℚ (U+211A) from plain Q (U+0051)

Don’t

  • Substitute plain Q when ℚ is required for correct mathematical notation
  • Confuse ℚ (double-struck) with plain Latin Q (U+0051)
  • Put CSS escape \211A in HTML text nodes
  • Use \0211A in CSS—the correct escape is \211A
  • Omit UTF-8 encoding on pages with mathematical symbols

Key Takeaways

1

Four references render ℚ; named entity is most readable

&#x211A; &#8474; &Qopf;
2

For CSS stylesheets, use the escape in the content property

\211A
3

Unicode U+211A — DOUBLE-STRUCK CAPITAL Q

4

Essential for rational numbers, set theory, and mathematical content

5

Previous: Uppercase Q   Next: Uppercase Q Hook Tail

❓ Frequently Asked Questions

Use &Qopf; (named), &#x211A; (hex), &#8474; (decimal), or \211A in CSS content. The named entity &Qopf; is the most readable for HTML content.
U+211A (DOUBLE-STRUCK CAPITAL Q). Letterlike Symbols block. Hex 211A, decimal 8474. Commonly used to represent the set of rational numbers.
When writing mathematical content, set theory, number theory, academic papers, scientific documentation, educational materials, and any text requiring blackboard bold Q notation for rational numbers.
HTML code (&#8474; or &#x211A;) or the named entity &Qopf; is used in HTML content. The CSS entity (\211A) is used in CSS, e.g. in the content property of pseudo-elements. Both produce ℚ but in different contexts.
The uppercase Q double struck capital (ℚ) represents the set of rational numbers. It is used alongside other blackboard bold sets such as ℕ (natural numbers), ℤ (integers), and ℝ (reals). The double-struck style is a mathematical notation convention for special number sets.

Explore More HTML Entities!

Discover 1500+ HTML character references — math symbols, diacritics, and more.

All HTML Entities →

About the author

Mari Selvan M P
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

Uppercase Q (Q) Uppercase Q Hook Tail