naar de Voorpagina

Joeperoog

HTML-karakterreferenties

in gewone taal: HTML-codes

Hoe kan ik een Turkse  ş  weergeven op mijn website?
Of een Esperanto  Ŝ  of  ŭ ? Een  þ  of een  Ð  voor IJslands of Gotisch?
De sjwa  ə  als fonetisch teken? De Duitse  ß ?

In Word of Open Office kun je een 'symbool invoegen'. Maar als HTML-doe-het-zelver heb je daar weinig aan. Als HTML-doe-het-zelver heb je een nummer nodig dat je tussen  &#  en  ;  plaatst.
Of — in een een aantal gevallen — een letterkombinatie, die je tussen  &  en  ;  plaatst.
Zo heeft  Д  de Russische  Д  als resultaat, en  ß  levert de Duitse  ß  op.
Officieel heten deze codes HTML-karakterreferenties.
Maar hoe kom je aan deze nummers en letterkombinaties?
Joep is gaan speuren op internet en heeft allerlei losse brokken informatie verzameld en hier op een rijtje gezet.

Bronnen waaruit ik geput heb zijn o.a.:

Wat op het toetsenbord zit heb ik over het algemeen niet vermeld, maar wel de tekens die van belang zijn voor HTML, zoals de  < , de  > , de  &  en de  " .
Daarentegen heb ik, in een poging tot gebruiksvriendelijkheid, sommige tekens meer dan éen keer vermeld, bijvoorbeeld onze goeie ouwe  ƒ , die zowel bij de ' f ' staat als bij de valutasymbolen.

Niet alle browsers herkennen alle tekens. Bijvoorbeeld  ℑ   ℜ   ℘   ℵ   ∅  en  ≅  . Zit je nu tegen een paar blokjes, streepjes of vraagtekens aan te kijken, dan snap je wat ik bedoel.
Deze codes zijn echter als standaard aanvaard door het W3C, dus alle browsers, inklusief IE, zouden ze korrekt moeten weergeven.

Bij bovenstaande links vind je alles wat ik hier eventueel heb weggelaten: wie echt twintig tekens voor de Hogere Wiskunde zoekt, kijke bij: Character entity references in HTML 4 van W3C.

Veel plezier ervan. Voor op-, af- en aanmerkingen houd ik mij aanbevolen.

Latijnse letters en nog wat

Á &Aacute; á &aacute;
 &Acirc; â &acirc;
Æ &AElig; æ &aelig;
À &Agrave; à &agrave
Å &Aring; å &aring;
à &Atilde; ã &atilde;
Ä &Auml; ä &auml;
Ā &#256; ā &#257;
Ă &#258; ă &#259;
Ą &#260; ą &#261;
    ª &ordf;
Ç &Ccedil; ç &ccedil;
Ć &#262; ć &#263;
Ĉ &#264; ĉ &#265;
Č &#268; č &#269;
© &copy;    
    ¢ &cent;
Ď &#270; ď &#271;
Đ &#272; đ &#273;
Ð &ETH; ð &eth;
É &Eacute; é &eacute;
Ê &Ecirc; ê &ecirc;
È &Egrave; è &egrave;
Ë &Euml; ë &euml;
Ē &#274; ē &#275;
Ę &#280; ę &#281;
Ě &#282; ě &#283;
&euro;    
    ƒ &fnof;
Ĝ &#284; ĝ &#285;
Ğ &#286; ğ &#287;
Ģ &#290; ģ &#291;
Ĥ &#292; ĥ &#293;
Í &Iacute; í &iacute;
Î &Icirc; î &icirc;
Ì &Igrave; ì &igrave
Ï &Iuml; ï &iuml;
Ī &#298; ī &#299;
İ &#304;    
    ı &#305;
&image;    
Ĵ &#308; ĵ &#309;
Ķ &#310; ķ &#311;
Ĺ &#313; ĺ &#314;
Ļ &#315; ļ &#316;
Ľ &#317; ľ &#318;
Ł &#321; ł &#322;
£ &pound;    
Ñ &Ntilde; ñ &ntilde;
Ń &#323; ń &#324;
Ņ &#325; ņ &#326;
Ň &#327; ň &#328;
&#8470;    
Ó &Oacute; ó &oacute;
Ô &Ocirc; ô &ocirc;
Œ &OElig; œ &oelig;
Ò &Ograve; ò &ograve
Ø &Oslash; ø &oslash;
Õ &Otilde; õ &otilde;
Ö &Ouml; ö &ouml;
Ő &#336; ő &#337;
    º &ordm;
&weierp;    
Ŕ &#340; ŕ &#341;
Ŗ &#342; ŗ &#343;
Ř &#344; ř &#345;
® &reg;    
&real;    
    ß &szlig;
Ś &#346; ś &#347;
Ŝ &#348; ŝ &#349;
Ş &#350; ş &#351;
Š &Scaron; š &scaron;
Þ &THORN; þ &thorn;
&trade;    
Ţ &#354; ţ &#355;
Ť &#356; ť &#357;
Ú &Uacute; ú &uacute;
Û &Ucirc; û &ucirc;
Ù &Ugrave; ù &ugrave;
Ü &Uuml, ü &uuml;
Ū &#362; ū &#363;
Ŭ &#364; ŭ &#365;
Ů &#366; ů &#367;
Ű &#368; ű &#369;
Ý &Yacute; ý &yacute;
Ÿ &#376; ÿ &yuml;
¥ &yen;    
Ź &#377; ź &#378;
Ż &#379; ż &#380;
Ž &#381; ž &#382;
    ª &ordf;
    º &ordm;
    ß &szlig;

naar boven
naar boven

Griekse letters

Α &Alpha; α &alpha;
Β &Beta; β &beta;
Γ &Gamma; γ &gamma;
Δ &Delta; δ &delta;
Ε &Epsilon; ε &epsilon;
Ζ &Zeta; ζ &zeta;
Η &Eta; η &eta;
Θ &Theta; θ &theta;
    ϑ &thetasym;
Ι &Iota; ι &iota;
Κ &Kappa; κ &kappa;
Λ &Lambda; λ &lambda;
Μ &Mu; μ &mu;
Ν &Nu; ν &nu;
Ξ &Xi; ξ &xi;
Ο &Omicron; ο &omicron;
Π &Pi; π &pi;
    ϖ &piv;
Ρ &Rho; ρ &rho;
Σ &Sigma; σ &sigma;
    ς &sigmaf;
Τ &Tau; τ &tau;
Υ &Upsilon; υ &upsilon;
ϒ &upsih;    
Φ &Phi; φ &phi;
Χ &Chi; χ &chi;
Ψ &Psi; ψ &psi;
Ω &Omega; ω &omega;
· &middot;    

naar boven
naar boven

Russische (cyrillische) letters

А &#1040; а &#1072;
Б &#1041; б &#1073;
В &#1042; в &#1074;
Г &#1043; г &#1075;
Д &#1044; д &#1076;
Е &#1045; е &#1077;
Ё &#1025; ё &#1105;
Ж &#1046; ж &#1078;
З &#1047; з &#1079;
И &#1048; и &#1080;
Й &#1049; й &#1081;
К &#1050; к &#1082;
Л &#1051; л &#1083;
М &#1052; м &#1084;
Н &#1053; н &#1085;
О &#1054; о &#1086;
П &#1055; п &#1087;
Р &#1056; р &#1088;
С &#1057; с &#1089;
Т &#1058; т &#1090;
У &#1059; у &#1091;
Ф &#1060; ф &#1092;
Х &#1061; х &#1093;
Ц &#1062; ц &#1094;
Ч &#1063; ч &#1095;
Ш &#1064; ш &#1096;
Щ &#1065; щ &#1097;
Ъ &#1066; ъ &#1098;
Ы &#1067; ы &#1099;
Ь &#1068; ь &#1100;
Э &#1069; э &#1101;
Ю &#1070; ю &#1102;
Я &#1071; я &#1103;

naar boven
naar boven

Hebreeuwse letters

א (alef) &#1488;
ב (bet) &#1489;
ג (gimel) &#1490;
ד (dalet) &#1491;
ה (he) &#1492;
ו (waw) &#1493;
ז (zaiin) &#1494;
ח (chet) &#1495;
ט (tet) &#1496;
י (iod) &#1497;
ך (kaf sofit) &#1498;
כ (kaf) &#1499;
ל (lamed) &#1500;
ם (mem sofit) &#1501;
מ (mem) &#1502;
ן (nun sofit) &#1503;
נ (nun) &#1504;
ס (samech) &#1505;
ע (aiin) &#1506;
ף (pe sofit) &#1507;
פ (pe) &#1508;
ץ (tsade sofit) &#1509;
צ (tsade) &#1510;
ק (qof) &#1511;
ר (resh) &#1512;
ש (shin) &#1513;
ת (taw) &#1514;

naar boven
naar boven

Internationaal Fonetisch Alfabet (IPA)

[ ɨɳʈɛʁŋɑʈɪɵɲɑːɭ   ʄɸɴəʈɨʂɔɦ   ɐɬʄɒɓɘʈ ]

Bron: www.phon.ucl.ac.uk/home/wells/ipa-unicode.htm

Met dank aan Gert-Jan van Kessel/R. Willems te Vlissingen, die me deze link stuurde.

Voor betekenissen en luistervoorbeelden verwijs ik naar

Nederlandse klinkers
Nederlands IPA-teken HTML-code voorbeeld of
klinkt als…
a a &#97; paard
a ɑ &#593; bad
e / a ɐ &#592; Duits 'Kinder' [ kindɐ ]
e æ &#230; blèren
e ɛ &#603; bed
e e &#101; eend, beet
e ə &#601; behalve
i i &#105; diep, vies
i ɪ &#618; dip, vis
o ɔ &#596; bot
o o &#111; boot
u ʏ &#655; fut
u y &#121; fuut
oe u &#117; voet
eu ø &#248; neus
ui œi &#339;&#105; buik
verlenging
van klinker
ː &#720; [ paːrt ], [ nøːs ]

naar boven
naar boven

Nederlandse medeklinkers
Nederlands IPA-teken HTML-code voorbeeld of
klinkt als…
glottisslag ʔ &#660; het 'stootje' tussen de
twee a's in naäpen
b b &#98; beet
d d &#100; dak
f f &#102; fiets
g ɣ &#611; gaan
g ʝ &#669; "zachte g"
g ɡ &#609; goal
ch x &#120; nacht
ch χ &#967; nacht
ch ç &#231; biecht
h h &#104; haar
h ɦ &#614; behalve
j j &#106; jas
k k &#107; kat
l l &#108; land
l ɫ &#619; "dikke" l
m m &#109; mens
n n &#110; nek
ng ŋ &#331; long
p p &#112; pen
r r &#114; tong-r
r ʀ &#640; huig- of keel-r
s s &#115; sok
sj ʃ &#643; sjouwen, chef
t t &#116; tak
v v &#118; ver, oven
w ʋ &#651; wang
w w &#119; (Engels) wing
z z &#122; zeep
zj ʒ &#658; journaal

naar boven
naar boven

Klemtoon
hoofdklemtoon ˈ &#712; ˈpɪknɪkˌplɛk
bijklemtoon ˌ &#716;

naar boven
naar boven

(Bijna) alles op een rij
ɑ &#593;
ɐ &#592;
ɒ &#594;
æ &#230;
ɓ &#595;
ʙ &#665;
β &#946;
ɔ &#596;
ɕ &#597;
ç &#231;
ɗ &#599;
ɖ &#598;
ð &#240;
ʤ &#676;
ə &#601;
ɘ &#600;
ɚ &#602;
ɛ &#603;
ɜ &#604;
ɝ &#605;
ɞ &#606;
ɟ &#607;
ʄ &#644;
ɡ &#609;
ɠ &#608;
ɢ &#610;
ʛ &#667;
ɦ &#614;
ɧ &#615;
ħ &#295;
ɥ &#613;
ʜ &#668;
ɨ &#616;
ɪ &#618;
ʝ &#669;
ɭ &#621;
ɬ &#620;
ɫ &#619;
ɮ &#622;
ʟ &#671;
ɱ &#625;
ɯ &#623;
ɰ &#624;
ŋ &#331;
ɳ &#627;
ɲ &#626;
ɴ &#628;
ø &#248;
ɵ &#629;
ɸ &#632;
θ &#952;
œ &#339;
ɶ &#630;
ʘ &#664;
ɹ &#633;
ɺ &#634;
ɾ &#638;
ɻ &#635;
ʀ &#640;
ʁ &#641;
ɽ &#637;
ʂ &#642;
ʃ &#643;
ʈ &#648;
ʧ &#679;
ʉ &#649;
ʋ &#651;
ʊ &#650;
ʌ &#652;
ɣ &#611;
ɤ &#612;
ʍ &#653;
χ &#967;
ʎ &#654;
ʏ &#655;
ʑ &#657;
ʐ &#656;
ʒ &#658;
ʔ &#660;
ʡ &#673;
ʕ &#661;
ʢ &#674;
ǀ &#448;
ǁ &#449;
ǂ &#450;
ǃ &#451;
ː &#720;
IPA-teken HTML-code omschrijving
ˈ &#712; (primary) stress mark
ˌ &#716; secondary stress
ː &#720; length mark
ˑ &#721; half-length
ʼ &#700; ejective
ʴ &#692 rhotacized
ʰ &#688 aspirated
ʱ &#689; breathy-voice-aspirated
ʲ &#690; palatalized
ʷ &#695; labialized
ˠ &#736; velarized
ˤ &#740; pharyngealized
˞ &#734; rhotacized

Wil je nòg meer HTML-nummers voor nòg exotischer IPA-tekens?
Kijk dan verder bij Spacing diacritics and suprasegmentals op www.phon.ucl.ac.uk/home/wells/ipa-unicode.htm

naar boven
naar boven

Overige letters

&alefsym;
ƒ &fnof;
&image;
&weierp;
&real;
Þ &THORN;
þ &thorn;

naar boven
naar boven

Cijfers

½ &frac12;
¼ &frac14;
¾ &frac34;
¹ &sup1;
² &sup2;
³ &sup3;
&empty;
&#8470;

naar boven
naar boven

Leestekens

&hellip;
" &quot;
&lsquo;
&rsquo;
&ldquo;
&rdquo;
&bdquo;
« &laquo;
» &raquo;
° &deg;
&para;
§ &sect;
< &lt;
> &gt;
¡ &iexcl;
¿ &iquest;
· &middot;

naar boven
naar boven

Allerlei streepjes

teken HTML-code naam
&minus; minus
­ &shy; soft hyphen
¯ &macr; (spacing) macron
&mdash; em dash
&ndash; en dash
&oline; overline, spacing overscore
&frasl; fraction slash

naar boven
naar boven

Losse diakritische tekens

&oline;
´ &acute;
¨ &uml;
¸ &cedil;
ˆ &circ;

naar boven
naar boven

Reken- en wiskundige tekens

&empty;
&radic;
&asymp;
&ne;
° &deg;
± &plusmn;
÷ &divide;
× &times;
ϑ &thetasym;
µ &micro;
ϒ &upsih;
< &lt;
> &gt;
&le;
&ge;
&permil;
¬ &not;
&cong;
&equiv;
² &sup2;
³ &sup3;
&forall;
&part;
&exist;
&nabla;
&isin;
&notin;
&ni;
&prod;
&sum;
&minus;
&lowast;
&prop;
&infin;
&ang;
&and;
&or;
&cap;
&cup;
&int;
&there4;
&sim;
&sub;
&sup;
&nsub;
&sube;
&supe;
&oplus;
&otimes;
&perp;
&sdot;

Zie voor meer wiskundige tekens: Character entity references in HTML 4 van W3C.

naar boven
naar boven

Pijlen

&darr;
&larr;
&rarr;
&uarr;
&harr;
&crarr;
&dArr;
&lArr;
&rArr;
&uArr;
&hArr;

naar boven
naar boven

Geld

¤ &curren;
¢ &cent;
&euro;
ƒ &fnof;
£ &pound;
¥ &yen;

naar boven
naar boven

Spaties en geen spaties

! Niet alle browsers geven alle spaties goed weer.

HTML-code naam voorbeeld waar het goed voor is
&nbsp; non breaking space woord woord Zorgt ervoor dat bijvoorbeeld G.B.J. en Hiltermann bij elkaar blijven op één regel aan het einde of begin van een nieuwe regel. De code is dan:
G.B.J.&nbsp;Hiltermann
&#8209; non-breaking hyphen woord‑woord Hetzelfde als non breaking space, maar dan een niet‑afbrekend streepje. Gewone streepjes laten een woord afbreken; deze niet.
&#8203; zero width space woord​woord Letterlijk: 'nulspatie'.
Hiermee geef je een lang woord als grootgrondbezitsbelasting​almanakuitgeverijgebouwendienst de mogelijkheid om op een logische plek af te breken als er te weinig ruimte is. De code is dan:
…ting&#8203;alm…
&emsp; em space woord woord Levert spatie op ter breedte van de 'M' van het gebruikte font. De code
Levert&emsp;spatie&emsp;op
geeft:
Levert spatie op

naar boven
naar boven

Overig

&#8470;
&bull;
& &amp;
© &copy;
® &reg;
¦ &brvbar;
| &#124;
&dagger;
&Dagger;
&loz;
&spades;
&clubs;
&hearts;
&diams;
&lceil;
&rceil;
&lfloor;
&rfloor;
&lang;
&rang;

naar boven
naar boven