HTML Entity for Period (.)
What You'll Learn
How to display the Period (.) in HTML using hexadecimal, decimal, named entity, and CSS escape methods. This character is U+002E (FULL STOP, also called a period or dot) in the Basic Latin block (U+0020–U+007F)—the standard sentence-ending punctuation mark in English and many other languages.
Render it with ., ., the named entity ., or CSS escape \2E. Do not confuse . with U+00B7 (·, middle dot), U+2024 (․, one dot leader), or decimal points in numbers—context matters.
⚡ Quick Reference — Period
U+002EBasic Latin (U+0020–U+007F)
.Hexadecimal reference
.Decimal reference
.Standard HTML named entity
Name Value
──────────── ──────────
Unicode U+002E
Hex code .
HTML code .
Named entity .
CSS code \2E
Also called Full stop, dot
Example See you soon.
Related U+002C = comma (,, ,)
U+00B7 = middle dot (·, ·)
Block Basic Latin (U+0020–U+007F)Complete HTML Example
A simple example showing . using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\2E";
}
</style>
</head>
<body>
<p>Period (hex): .</p>
<p>Period (decimal): .</p>
<p>Period (named): .</p>
<p>Sentence: Hello world.</p>
<p id="point">Period (CSS): </p>
</body>
</html>🌐 Browser Support
The Period (.) is universally supported in all browsers:
👀 Live Preview
See the Period (.) in common punctuation contexts:
🧠 How It Works
Hexadecimal Code
. uses the Unicode hexadecimal value 2E to display the period.
Decimal HTML Code
. uses the decimal Unicode value 46 for the same character.
Named Entity
. is the standard HTML named entity for U+002E—readable and widely supported.
CSS Entity
\2E is used in CSS stylesheets in the content property of pseudo-elements for decorative markers.
Period result
All four methods render .. Unicode U+002E in Basic Latin. Next: Permanent Paper Sign (♾).
Use Cases
The Period (.) is commonly used in:
End-of-sentence punctuation in articles, blogs, and documentation.
e.g., Dr., Mr., and U.S.A. in formal and legal text.
Explicit encoding when punctuation must be unambiguous in HTML.
Contracts, specs, and structured content with precise punctuation.
Character pickers, entity documentation, and punctuation guides.
Generated punctuation via ::after in lists or breadcrumbs.
💡 Best Practices
Do
- Use
.when you want an explicit, readable entity in markup - Use
.or.for numeric references - Set
<meta charset="utf-8">for reliable rendering - Distinguish . from middle dot · and comma ,
- Use CSS
\2Eonly in stylesheetcontentproperties
Don’t
- Confuse . with middle dot · or one dot leader ․
- Use padded Unicode notation like U+0002E—the correct value is
U+002E - Use CSS escape
\2Ein HTML text nodes - Overuse entities for every period in plain prose when UTF-8 works fine
- Use padded CSS notation like
\0002Ewhen\2Esuffices
Key Takeaways
Four ways to render U+002E in web content
. . .For CSS stylesheets, use \2E in the content property
Unicode U+002E — FULL STOP (period) in Basic Latin
Distinct from middle dot · and comma ,
Previous: Percent Sign (%) Next: Permanent Paper Sign (♾)
❓ Frequently Asked Questions
. (hex), . (decimal), . (named entity), or \2E in CSS content. All four render .U+002E (FULL STOP). Basic Latin block (U+0020–U+007F). Hex 2E, decimal 46, named entity period.·), a different punctuation character used as a separator.. when you want explicit entity encoding in markup, tutorials, or contexts where punctuation must be clearly specified. In normal UTF-8 text, typing . directly is usually fine.. is the HTML named entity for U+002E (full stop / period). It renders as . and is often the most readable choice in HTML markup.Explore More HTML Entities!
Discover 1500+ HTML character references — punctuation, symbols, and more.
About the author
8 people found this page helpful