HTML Entity for Down Tack (⊤)
What You'll Learn
How to display the Down Tack (⊤) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+22A4 (DOWN TACK) in the Mathematical Operators block (U+2200–U+22FF)—used in logic for tautology (truth) and in mathematics for the top element or down tack in order theory and lattice theory.
Render it with ⊤, ⊤, or CSS escape \22A4. There is no named HTML entity for this symbol. For up tack (bottom/falsum) use ⊥ (U+22A5).
⚡ Quick Reference — Down Tack
U+22A4Mathematical Operators
⊤Hexadecimal reference
⊤Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+22A4
Hex code ⊤
HTML code ⊤
Named entity (none)
CSS code \22A4
Related U+22A5 = Up tack (⊥); U+22F1 = Diagonal ellipsis (⋱)Complete HTML Example
This example demonstrates the Down Tack (⊤) using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\22A4";
}
</style>
</head>
<body>
<p>Down Tack using Hexadecimal: ⊤</p>
<p>Down Tack using HTML Code: ⊤</p>
<p id="point">Down Tack using CSS Entity: </p>
</body>
</html>🌐 Browser Support
U+22A4 is supported in modern browsers when rendered with a font that includes Mathematical Operators:
👀 Live Preview
See the Down Tack (⊤) in logic and math contexts:
🧠 How It Works
Hexadecimal Code
⊤ uses the Unicode hexadecimal value 22A4 to display the Down Tack. The x prefix indicates hexadecimal format.
Decimal HTML Code
⊤ uses the decimal Unicode value 8868 to display the same character.
CSS Entity
\22A4 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All three methods produce: ⊤. Unicode U+22A4. No named HTML entity—use numeric codes in markup. Serve HTML as UTF-8.
Use Cases
The Down Tack (⊤) is commonly used in:
Tautology (truth) and top element in propositional and formal logic.
Top element in partially ordered sets and lattices.
Down tack notation in order relations and posets.
Papers, textbooks, and lecture notes in math and CS.
Online courses, wikis, and reference pages with logic symbols.
Math symbol pickers and design systems that include ⊤.
💡 Best Practices
Do
- Use
⊤or⊤consistently in markup - Add
aria-labelwhen the symbol means tautology, true, or top element - Pair ⊤ with a legend in logic and math documents
- Use
\22A4in CSS::before/::afterfor logic symbols - Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Expect a named entity—none exists for U+22A4
- Confuse ⊤ (down tack, top) with ⊥ (up tack, bottom/falsum)
- Put CSS escape
\22A4in HTML text nodes - Rely on the symbol alone in accessibility-critical UIs
- Assume decorative fonts include all Mathematical Operators glyphs
Key Takeaways
Two HTML numeric references render ⊤
⊤ ⊤For CSS stylesheets, use the escape in the content property
\22A4Unicode U+22A4 — DOWN TACK
Mathematical Operators block (U+2200–U+22FF)
Three methods, one glyph — widely supported in modern browsers
❓ Frequently Asked Questions
⊤ (hex), ⊤ (decimal), or \22A4 in CSS content. There is no named entity. All produce ⊤.U+22A4 (DOWN TACK). Mathematical Operators (U+2200–U+22FF). Hex 22A4, decimal 8868. Used in logic for tautology and in math for the top element.⊤ or ⊤) go in markup. The CSS escape \22A4 is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.⊤ or ⊤ in HTML.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, math operators, and more.
About the author
8 people found this page helpful