How to type accents on HTML

In HTML you can write accented letters directly if the page is UTF-8, or use named and numeric entities when you cannot.

Example: typing é

Codes for web pages

Format	Code for é
Named entity	`é`
Decimal entity	`é`
Hex entity	`é`
CSS content	`content: "\00E9";`
JavaScript	`"\u00E9"`
URL encoded	`%C3%A9`
UTF-8 bytes	`C3 A9`

Type it directly with UTF-8

If your page starts with <meta charset="utf-8"> and the file is saved as UTF-8, you can paste é straight into the HTML. Entities are only needed when your editor or database cannot store the character.

Watch for normalization

é can also be written as e plus a combining mark. Both look the same but compare as different strings. In JavaScript, call str.normalize("NFC") before comparing or searching.

Chart of accented letters on HTML

Letter	Guide	Lowercase	Uppercase
ó	o with acute	`ó`	`Ó`
é	e with acute	`é`	`É`
í	i with acute	`í`	`Í`
ú	u with acute	`ú`	`Ú`
á	a with acute	`á`	`Á`
ü	u with umlaut	`ü`	`Ü`
à	a with grave	`à`	`À`
è	e with grave	`è`	`È`
ö	o with umlaut	`ö`	`Ö`
ô	o with circumflex	`ô`	`Ô`
â	a with circumflex	`â`	`Â`
ä	a with umlaut	`ä`	`Ä`
æ	ae ligature (ash)	`æ`	`Æ`
ç	c with cedilla	`ç`	`Ç`
ê	e with circumflex	`ê`	`Ê`
ë	e with umlaut	`ë`	`Ë`
î	i with circumflex	`î`	`Î`
ï	i with umlaut	`ï`	`Ï`
ò	o with grave	`ò`	`Ò`
ù	u with grave	`ù`	`Ù`
ý	y with acute	`ý`	`Ý`
å	a with ring above	`å`	`Å`
ì	i with grave	`ì`	`Ì`
õ	o with tilde	`õ`	`Õ`
ø	o with stroke	`ø`	`Ø`
û	u with circumflex	`û`	`Û`
ã	a with tilde	`ã`	`Ã`
ð	Eth	`ð`	`Ð`
ß	Sharp s (eszett)	`ß`	—
ñ	n with tilde	`ñ`	`Ñ`
þ	Thorn	`þ`	`Þ`
ÿ	y with umlaut	`ÿ`	`&Yuml;`
š	s with caron	`&scaron;`	`&Scaron;`
ž	z with caron	`ž`	`Ž`
č	c with caron	`č`	`Č`
ū	u with macron	`ū`	`Ū`
ā	a with macron	`ā`	`Ā`
ē	e with macron	`ē`	`Ē`
ī	i with macron	`ī`	`Ī`
ō	o with macron	`ō`	`Ō`
ă	a with breve	`ă`	`Ă`
ą	a with ogonek	`ą`	`Ą`
ć	c with acute	`ć`	`Ć`
ď	d with caron	`ď`	`Ď`
đ	d with stroke	`đ`	`Đ`
ę	e with ogonek	`ę`	`Ę`
ě	e with caron	`ě`	`Ě`
ń	n with acute	`ń`	`Ń`
ň	n with caron	`ň`	`Ň`
ť	t with caron	`ť`	`Ť`
ż	z with dot above	`ż`	`Ż`
ĉ	c with circumflex	`ĉ`	`Ĉ`
ċ	c with dot above	`ċ`	`Ċ`
ė	e with dot above	`ė`	`Ė`
ĝ	g with circumflex	`ĝ`	`Ĝ`
ğ	g with breve	`ğ`	`Ğ`
ġ	g with dot above	`ġ`	`Ġ`
ģ	g with cedilla	`ģ`	`Ģ`
ĥ	h with circumflex	`ĥ`	`Ĥ`
ħ	h with stroke	`ħ`	`Ħ`
ĩ	i with tilde	`ĩ`	`Ĩ`
į	i with ogonek	`į`	`Į`
ı	Dotless i	`ı`	—
ĵ	j with circumflex	`ĵ`	`Ĵ`
ķ	k with cedilla	`ķ`	`Ķ`
ĺ	l with acute	`ĺ`	`Ĺ`
ļ	l with cedilla	`ļ`	`Ļ`
ľ	l with caron	`ľ`	`Ľ`
ł	l with stroke	`ł`	`Ł`
ņ	n with cedilla	`ņ`	`Ņ`
ő	o with double acute	`ő`	`Ő`
œ	oe ligature (ethel)	`&oelig;`	`&OElig;`
ŕ	r with acute	`ŕ`	`Ŕ`
ř	r with caron	`ř`	`Ř`
ś	s with acute	`ś`	`Ś`
ŝ	s with circumflex	`ŝ`	`Ŝ`
ş	s with cedilla	`ş`	`Ş`
ũ	u with tilde	`ũ`	`Ũ`
ŭ	u with breve	`ŭ`	`Ŭ`
ů	u with ring above	`ů`	`Ů`
ű	u with double acute	`ű`	`Ű`
ų	u with ogonek	`ų`	`Ų`
ŵ	w with circumflex	`ŵ`	`Ŵ`
ŷ	y with circumflex	`ŷ`	`Ŷ`
ź	z with acute	`ź`	`Ź`
ĕ	e with breve	`ĕ`	`Ĕ`
ĭ	i with breve	`ĭ`	`Ĭ`
ĸ	Kra	`ĸ`	—
ŀ	l with middle dot	`ŀ`	`Ŀ`
ŋ	Eng	`ŋ`	`Ŋ`
ŏ	o with breve	`ŏ`	`Ŏ`
ŗ	r with cedilla	`ŗ`	`Ŗ`
ţ	t with cedilla	`ţ`	`Ţ`
ŧ	t with stroke	`ŧ`	`Ŧ`

Frequently asked questions

What is the easiest way to type accents on HTML?

In HTML you can write accented letters directly if the page is UTF-8, or use named and numeric entities when you cannot.

Can I copy and paste accents instead?

Yes. Click any letter on this site to copy it, then paste it with Ctrl+V or Cmd+V.