Vi er vant til å bruke emojier på telefonen, og det er også lett tilgjengelig andre steder som for eksempel på Mac. Men, hva om du ønsker å bruke emoji på nettsiden din? Er det mulig? Ja, med HTML emoji!
Emojier er tegn i tegnsettet UTF-8, tegnsettet du mest sannsynlig bruker på nettsiden din.
Hvis du er usikker, sjekk meta-taggen du finner i toppen av HTML-dokumentet. Den skal se slik ut:
<meta charset="utf-8"> Hvordan fungerer HTML emojier? 🤔
😀😀
For å vise emojier på nettsiden må du henvise til korrekt kode for den emojien du ønsker å bruke, slik som i eksempelet over.
Siden emojier er tegn i UTF-8 ser du i eksemplene ovenfor at de presenteres i samme størrelse som resten av teksten. Det vil si, setter du inn en emoji i en overskrift vil den bli større enn om den settes inn i brødtekst.
Vi kan også skalere en emoji med CSS, for eksempel slik:
<span style='font-size:100px;'>💪</span>🤗 🤘 🤣 💗Hvor fungerer HTML emoji? 🤔
Siden emojier er tegn i UTF-8 så er det ikke nettleseren som setter begrensningen, men operativsystemet. Usikker på om det fungerer der du ønsker? Ta en titt på caniemoji.
Hvor finner jeg kodene for den emojien jeg vil bruke? 🤔
Kodene du må angi for å få korrekt emoji kan du for eksempel finne på emojiguide.
🤶 🎄 🎅Se våre kurs i HTML og CSS hvis du vil lære mer om språkene.