Diacritics

If you want language diacritics to be displayed correctly in HTML, you must use the character entities. Many HTML editors will automatically translate language diacritics produced by your keyboard to their appropriate entity, but it's always useful to remember them in case you have to edit your HTMLs "manually." To see a complete list of these entities in a new browser window, select this link: Entities.html.

Here are the diacritics for Spanish, French and German:

French German Spanish
Character HTML Character HTML Character HTML
à à ü ü á á
è è ö ö é é
ì ì ä ä í í
ò ò ß ß ó ó
ù ù Ä Ä ú ú
á á Ü Ü ü ü
é é Ö Ö Á Á
í í     É É
ó ó     Í Í
ú ú     Ó Ó
ç ç     Ú Ú
ô ô     Ü Ü
À À     ñ ñ
È È     Ñ Ñ
Ì Ì     ¿ ¿
Ò Ò     ¡ ¡
Ù Ù        
Á Á        
É É        
Í Í        
Ó Ó        
Ú Ú        
Ç Ç        
Ô Ô        

 

  • Inserting a META tag:

    When working on an HTML document, you may be able to type diacritics by using key combinations in your keyboard. For this reason, it is very important to include this <META> tag somewhere between the <HEAD> and the </HEAD> of your HTML document:
  • <meta http-equiv="Content-Type" content="text/HTML;
    charset=iso-8859-1">

     

    Because the HTML document may lack some of the HTML codes for them, if you don't include this tag, the browser may display your directly typed characters as "garbage," i.e., instead of your diacritical characters, you will see little boxes and other unwanted symbols on your final web page.

    Remember, then, that it is good practice to check for the presence of that <META> tag in all your documents so that your pages correctly display your diacritics to any user.

     


Navigation