HTML Entity for Lowercase Q (q)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+0071

What You'll Learn

How to display the lowercase letter q in HTML using entity methods and direct character input. The letter q is the seventeenth letter of the Latin alphabet (U+0071) and is part of the Basic Latin block. It appears in everyday text, mathematical notation (e.g. variable q for charge or quaternion components), documentation, and academic content. In most cases you can type it directly; numeric or CSS entities are useful when escaping, generating content via CSS, or ensuring correct encoding.

This character can be displayed using the character itself, a hexadecimal reference, a decimal reference, or a CSS escape in the content property. There is no named HTML entity like &q; for this letter.

⚡ Quick Reference — Lowercase Q Entity

Unicode U+0071

Basic Latin (ASCII)

Hex Code q

Hexadecimal reference

HTML Code q

Decimal reference

Direct Character q

Type directly (no named entity)

Reference Table
Name           Value
────────────   ──────────
Unicode        U+0071
Hex code       q
HTML code      q
Named entity   (none — use q directly)
CSS code       \0071
Meaning        Latin small letter q
Related        U+0051 = Q (uppercase)
Block          Basic Latin (U+0000–U+007F)
1

Complete HTML Example

A simple example showing the lowercase letter q using hexadecimal code, decimal HTML code, the character directly, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\0071";
  }
 </style>
</head>
<body>
<p>Symbol (hex): &#x71;</p>
<p>Symbol (decimal): &#113;</p>
<p>Symbol (direct): q</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try It Yourself

🌐 Browser Support

The lowercase letter q (U+0071) is universally supported in all browsers and platforms as part of Basic Latin:

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

👀 Live Preview

See the lowercase letter q in common text contexts:

Large glyphq
Body textThe letter q appears in words like quick, question, and quote.
Math notationLet q denote electric charge or a quaternion component.
Alphabeto p q r
Not the same asuppercase Q (U+0051)  |  ƥ (p with hook)  |  ʠ (q with hook, IPA)
Numeric refs&#x71; &#113; \0071

🧠 How It Works

1

Hexadecimal Code

&#x71; uses the Unicode hexadecimal value 71 to display the letter. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

&#113; uses the decimal Unicode value 113 to display the same character. This is the ASCII/Unicode decimal for q.

HTML markup
3

Direct Character

Type q directly in HTML. There is no named entity like &q;; the character itself is the standard approach in body text.

HTML markup
4

CSS Entity

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

CSS stylesheet
=

Same visual result

All methods produce the glyph: q. Unicode U+0071 sits in Basic Latin. The uppercase form is U+0051 (Q). In normal text, typing q is preferred over numeric entities.

Use Cases

The lowercase letter q (or its entity forms) is commonly used in:

📝 Body text

Standard character in paragraphs, articles, and any Latin-script text. Usually typed directly.

📚 Documentation

Tutorials, API docs, and code samples that show the character q as an entity or escape.

📐 Math notation

Variable names, subscripts, and notation where q represents charge, quaternion components, or queue size.

🌐 Internationalization

Words in English, Spanish, French, and many other Latin-script languages.

📄 Headings & titles

Headings and page titles where the letter q appears in text content.

⚙ Programmatic HTML

When building HTML in code, using &#113; or &#x71; ensures correct output regardless of encoding context.

🎨 CSS generated content

Using \0071 in the CSS content property to insert q via pseudo-elements.

💡 Best Practices

Do

  • Type q directly in body content; use entities only when necessary
  • Serve pages as UTF-8 so Basic Latin characters render without entities
  • Use numeric references (&#x71; or &#113;) when escaping is required
  • Use \0071 in CSS content when generating the letter via pseudo-elements
  • Remember lowercase q is U+0071 and uppercase Q is U+0051 when case matters

Don’t

  • Overuse numeric entities for q in normal readable text
  • Expect a named HTML entity like &q;—none exists for this letter
  • Confuse plain q (U+0071) with ʠ (q with hook, IPA) or ƥ (p with hook)
  • Double-encode numeric references in dynamically generated HTML
  • Put CSS escape \0071 in HTML text nodes

Key Takeaways

1

Type q directly, or use hex/decimal references

&#x71; &#113;
2

For CSS stylesheets, use the escape in the content property

\0071
3

Unicode U+0071 — LATIN SMALL LETTER Q

4

Seventeenth letter of the Latin alphabet (Basic Latin block)

❓ Frequently Asked Questions

Type q directly, or use &#x71; (hex), &#113; (decimal), or \0071 in CSS content. There is no named HTML entity for q. For most content, typing q is standard; use numeric or CSS entities when escaping or generating via CSS.
U+0071 (LATIN SMALL LETTER Q). Basic Latin block. Hex 71, decimal 113. It is the seventeenth letter of the Latin alphabet and a standard character in virtually all Western scripts.
When you need to escape or reference the character explicitly, in programmatic HTML generation, documentation showing the character, or systems that expect character references. In normal UTF-8 text, typing q directly is usually sufficient.
No. There is no named HTML entity for the lowercase q. Use numeric codes &#113; or &#x71;, or the CSS entity \0071. In UTF-8 pages you can type q directly.
HTML code (&#113; or &#x71;) is used in HTML content; CSS entity \0071 is used in stylesheets in the content property of pseudo-elements. Both produce the character q.

Explore More HTML Entities!

Discover 1500+ HTML character references — letters, symbols, 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.

8 people found this page helpful