HTML Entity for Esh Middle Stroke (ʄ)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+0284

HTML Entity for esh middle stroke (U+0284) tutorial illustration

Definition

What Is Esh Middle Stroke?

Esh middle stroke (ʄ) is the Unicode character at U+0284 in IPA Extensions. Official name: LATIN SMALL LETTER DOTLESS J WITH STROKE AND HOOK. In IPA it stands for the voiced palato-alveolar affricate. Related to esh (ʃ), which is voiceless /ʃ/.

Remember

Character     ʄ
Unicode       U+0284
Hex entity    &#x0284;
Decimal       &#644;
CSS escape    \0284
Named entity  (none)
Not the same  ʃ (esh) · ʒ (ezh) · ƪ (esh loop)

Prefer ʄ or ʄ in HTML (no named form). You can also type ʄ in a UTF-8 document.

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Named entity	None	—
Hex entity	`ʄ`	HTML markup (preferred)
Decimal entity	`ʄ`	HTML markup
Direct character	`ʄ`	HTML text (UTF-8)
CSS escape	`\0284`	Stylesheet `content`

When to Use Which

Situation	Use
IPA voiced palato-alveolar affricate	`ʄ` or type `ʄ`
Voiceless /ʃ/ (as in ship)	Esh (ʃ)
Voiced fricative /ʒ/	Ezh (ʒ)
Reversed esh loop form	Esh loop (ƪ)
Generated text via `::before` / `::after`	`content: "\0284"`

See it

Live Preview

Esh middle stroke rendered alone, in a sample line, and compared with related letters.

Glyph ʄ

Large glyph ʄ

Sample IPA affricate: ʄ

Compared ʄ ʃ ʒ ƪ

With entities Hex: ʄ | Decimal: ʄ

Code

Complete HTML Example

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

Hex + Decimal + CSS + Typed

Four ways to display ʄ in HTML and CSS.

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Esh Middle Stroke (U+0284) in HTML</title>
  <style>
    #point::after {
      content: "\0284";
    }
  </style>
</head>
<body>
  <p>Built with Hex: &#x0284;</p>
  <p>Built with Decimal: &#644;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ʄ</p>
  <p>Compare: &#x0284; vs &#x0283;</p>
</body>
</html>

Try It Yourself

How It Works

1. Hex: ʄ inserts code point U+0284 → ʄ.

2. Decimal: same code point as 644 → ʄ. Same visual as hex.

3. CSS: use \0284 in content (not an HTML entity). #point::after appends ʄ.

4. Typed: paste ʄ in a UTF-8 document, or compare with plain esh via ʃ.

Pitfalls & Tips

Common mistakes when working with Esh middle stroke.

Name

No named entity

There is no HTML5 named entity for U+0284. Use ʄ or ʄ. Do not invent &eshstroke;.

Not plain esh

U+0283 (ʃ) is voiceless /ʃ/. U+0284 is the stroked IPA letter for the voiced affricate.

Not ezh

U+0292 (ʒ) is the voiced fricative /ʒ/. Affricate and fricative are different sounds — different letters.

CSS vs HTML

Do not mix escapes

\0284 belongs in CSS strings. ʄ / ʄ belong in HTML.

Fonts

IPA font coverage

Some fonts omit IPA Extensions. Prefer a font with solid IPA coverage for phonetic pages.

a11y

Add accessible text

Screen readers may not announce ʄ clearly. Prefer nearby prose (for example “esh middle stroke”) when the symbol carries meaning.

Semicolon

End references

Always finish entities with ; — write ʄ, not &#x0284.

Compatibility

Browser Support

Esh middle stroke (U+0284) and its entity forms (ʄ, ʄ, CSS \\0284) are supported in all mainstream browsers. Visible glyphs depend on IPA Extensions font coverage.

✓ Universal support

Esh Middle Stroke (ʄ)

Encode with 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 All versions

Yes

U+0284 Full support

Bottom line: Prefer ʄ in HTML (no named form). Use ʄ when decimal form is required, and \\0284 only inside CSS content.

Remember

Key Takeaways

Unicode: esh middle stroke is U+0284 (decimal 644) — glyph ʄ.
HTML: no named entity — use ʄ / ʄ / type ʄ.
CSS: use \0284 inside content for generated text.
Meaning: ʄ ≠ esh ʃ ≠ ezh ʒ.

One line: U+0284 → ʄ / ʄ / CSS \0284 (no named form).

Frequently Asked Questions

How do I display ʄ in HTML?

Use ʄ (hex), ʄ (decimal), type ʄ directly in UTF-8, or the CSS escape \0284 in content. There is no named HTML entity for U+0284.

What is the Unicode value for this letter?

U+0284 (LATIN SMALL LETTER DOTLESS J WITH STROKE AND HOOK). Hex 0284, decimal 644. It belongs to the IPA Extensions block (U+0250–U+02AF).

Is there a named HTML entity for esh middle stroke?

No. HTML5 does not define a named entity for U+0284. Prefer ʄ or ʄ.

When should I use U+0284?

Use it in IPA and phonetic transcription for the voiced palato-alveolar affricate. Prefer plain esh (U+0283) for voiceless /ʃ/, and ezh (U+0292) for voiced /ʒ/.

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

HTML numeric entities (ʄ or ʄ) go in markup. The CSS escape \0284 goes in stylesheet strings (usually content on ::before/::after).

Is U+0284 the same as U+0283 or U+0292?

No. U+0284 is ʄ (esh middle stroke / affricate letter). U+0283 is ʃ (esh). U+0292 is ʒ (ezh).

Did you know?

Esh middle stroke is Unicode U+0284 (decimal 644) — glyph ʄ (LATIN SMALL LETTER DOTLESS J WITH STROKE AND HOOK) in IPA Extensions. There is no HTML5 named entity; use ʄ or ʄ. In IPA it denotes the voiced palato-alveolar affricate. Related letters include esh (ʃ) and ezh (ʒ).

Next: Esh Reverse Squat

Learn the HTML entity for esh reverse squat (U+0285).

Esh Reverse Squat 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 | Esh Loop HTML Entity | Esh Reverse Squat