HTML Entity for Spacing Macron (¯)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+00AF

What Is Spacing Macron?

Spacing macron (¯) is the Unicode character at U+00AF in Latin-1 Supplement. Unicode name: MACRON (formerly SPACING MACRON). It is a standalone horizontal bar — often used to mark long vowels in linguistic notes — with its own width.

Remember
Character     ¯
Unicode       U+00AF
Named entity  ¯
Hex entity    ¯
Decimal       ¯
CSS escape    \AF
Not the same  ̄ · ā · ¸

Prefer ¯ in HTML markup (¯ is an alias). You can also type ¯ in UTF-8, or use numeric forms when needed. For letters like ā, use the precomposed entity (e.g. ā), not ¯ alone.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entity¯HTML markup (preferred)
Alias¯Same glyph as ¯
Direct character¯HTML text (UTF-8)
Hex entity¯HTML markup
Decimal entity¯HTML markup
CSS escape\AFStylesheet content
Letter a with macronā (U+0101)Named ā

When to Use Which

SituationUse
Standalone macron mark¯ or type ¯
Letter like ā / Āā / uppercase A macron
Combining mark above a base letterU+0304 (combining macron)
Spacing cedilla (related mark)¸ (¸)
Generated mark via ::before / ::aftercontent: "\AF"

Live Preview

Spacing macron rendered alone and next to related characters.

Large glyph ¯
In text Long vowel mark ¯ above base letter
Compared ¯ (spacing)  |  ā (combining)  |  ā (letter)
With letter Prefer ā (ā) for long a
With entities Named: ¯ | Hex: ¯ | Decimal: ¯

Complete HTML Example

One page that shows the spacing macron with named, hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Named + Hex + Decimal + CSS + Typed

Five ways to produce ¯, plus a short note about the mark.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Spacing Macron (¯) in HTML</title>
  <style>
    #point::after {
      content: "\AF";
    }
  </style>
</head>
<body>
  <p>Using Named Entity: &macr;</p>
  <p>Using Hex Code: &#xAF;</p>
  <p>Using HTML Code: &#175;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: ¯</p>
  <p>Long vowel mark &macr; above base letter</p>
</body>
</html>
Try It Yourself

How It Works

1. Named: &macr; is the HTML5 name for U+00AF → ¯. Best default in markup.

2. Hex: U+00AF → &#xAF; in HTML. Same glyph as the named form.

3. Decimal: same code point as 175 → &#175;. Same result as hex and named.

4. CSS: use \AF in content (not an HTML entity). #point::after appends that ¯ after the paragraph text.

5. Typed / note: paste ¯ in UTF-8, or write a short label like Long vowel mark &macr; … when documenting the diacritic.

Pitfalls & Tips

Common mistakes when working with &macr;.

vs ā

Not a letter with macron

&macr; alone is the mark ¯. For a long a, use &amacr; (ā), not a&macr;.

vs U+0304

Not the combining mark

U+0304 attaches above a base letter. U+00AF is spacing — it sits as its own character.

Name

Remember &macr;

The named entity is &macr; — not &amacr; (that is the letter ā).

CSS vs HTML

Do not mix escapes

\AF belongs in CSS strings. &macr; / &#xAF; / &#175; belong in HTML.

Semicolon

End named entities

Always finish with ; — write &macr;, not &macr.

A11y

Name the mark in context

Screen readers may announce “macron” or skip it. Add nearby text when the mark is instructional.

Browser Support

Spacing macron (U+00AF) and its entity forms (&macr;, &#xAF;, &#175;, CSS \\AF) are supported in all mainstream browsers. Visible glyphs depend on Latin-1 font coverage.

✓ Universal support

Spacing Macron (&#x00AF;)

Encode with named, 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+00AF / entities Full support

Bottom line: Prefer &macr; in HTML. Use &#xAF; / &#175; when numeric form is required, and \\AF only inside CSS content.

Key Takeaways

  • Unicode: spacing macron is U+00AF (decimal 175) — glyph ¯.
  • HTML: prefer &macr; — also &#xAF; / &#175; / type ¯.
  • CSS: use \AF inside content for generated text.
  • Meaning: ¯ is a spacing mark — not ā (&amacr;), not U+0304.

One line: U+00AF → &macr; / &#xAF; / &#175; / CSS \AF.

Frequently Asked Questions

Use &macr; (named), &#xAF; (hex), &#175; (decimal), type ¯ directly in UTF-8, or the CSS escape \AF in content. Prefer &macr; in normal HTML.
U+00AF (MACRON; formerly SPACING MACRON). Hex AF, decimal 175. It belongs to Latin-1 Supplement (U+0080–U+00FF).
Yes. Use &macr; (or the alias &strns;). Numeric forms &#175; and &#xAF; also work.
No. ¯ (U+00AF) is a spacing mark. Combining macron is U+0304. ā is the precomposed letter U+0101 (&amacr;).
Use it when you need the macron as a standalone symbol in linguistics, phonetics, or education — not when you want a letter like ā (prefer &amacr;).
HTML entities (&macr;, &#175;, or &#xAF;) go in markup. The CSS escape \AF goes in stylesheet strings (usually content on ::before/::after).

Did you know?

Spacing macron is Unicode U+00AF (decimal 175) — glyph ¯ in Latin-1 Supplement (U+0080–U+00FF). HTML5 names it &macr; (also &strns;). Unicode name: MACRON (formerly SPACING MACRON). It is a standalone horizontal bar with its own width. Do not confuse with combining macron U+0304 (̄) or precomposed letters like ā (&amacr;).

Next: Sparkle

Learn the HTML entity for sparkle (U+2747).

Sparkle tutorial →

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