Noen symboler er vanskelige å skrive og andre er teknisk sett forbudt. Finn ut hvilken som er hvilken og hvordan du mestrer tegn i HTML.
Det kan hende du trenger å bruke et spesialtegn på nettstedet ditt, for eksempel og-tegnet. Du kan imidlertid ikke bare skrive "&" i HTML-koden din, da dette er et reservert HTML-symbol.
I stedet kan du bruke HTML-enheter eller spesialkoder for å representere disse tegnene. Dette lar deg legge til symboler på nettsiden din uten å forstyrre den faktiske HTML-koden.
Hva er symboler i HTML?
Når bygge et HTML-nettsted, vil du bruke en rekke symboler for tegnsetting. Selv om du kan legge til de fleste tegnene direkte på siden din, har noen spesiell betydning eller er vanskelige å skrive. HTML bruker for eksempel symboler som vinkelparenteser (< og >), og-tegn (&) og anførselstegn (" og ') for å representere strukturen til innholdet ditt.
En nettleser vil typisk tolke vinkelparentessymbolet som en åpnings- eller lukkingskode. Hvis det ikke er det du har tenkt, kan det føre til feil på nettsiden din. Eksempler på symboler som krever en enhetskode inkluderer:
- Ampersand (
&) - Mindre enn (
<) - Større enn (
>) - Dobbelt anførselstegn (
") - Enkelt sitat (
')
Andre symboler som copyright- og varemerkesymboler krever ikke en enhetskode, men du kan fortsatt bruke en hvis du foretrekker det. De kan være vanskelige å skrive eller til og med ikke støttes i tekstredigeringsprogrammet. Noen eksempler inkluderer:
- Copyright-symbol (©)
- Varemerkesymbol (™)
- Registrert varemerkesymbol (®)
Hva er navngitte og numeriske enheter?
Du kan representere hvert symbol ved hjelp av en numerisk enhetskode, og det vanligste med en navngitt enhet også. Her er noen eksempler:
Symbol |
Navngitt enhetskode |
Numerisk enhetskode |
Ampersand |
& |
& |
Mindre enn |
< |
< |
Større enn |
> |
> |
Dobbelt sitat |
" |
" |
Enkelt sitat |
' |
' |
opphavsrett |
© |
© |
Varemerkesymbol |
™ |
™ |
Registrert varemerkesymbol |
® |
® |
Bruk av enten den navngitte eller numeriske koden vil vise det tilsvarende symbolet. For eksempel, bruk av enten "©" eller "©" vil vise copyright-symbolet.
Legge til Emojis på nettsiden din
Du kan også vise emojier ved å bruke en enhetskode. Alle emojier har en numerisk enhetskode i HTML, men ikke alle har en navngitt enhetskode. Noen eksempler inkluderer:
Symbol |
Numerisk enhetskode |
Smilende ansikt (😃) |
😃 |
Leende ansikt (😆) |
😆 |
Smilende ansikt med glorie (😇) |
😇 |
Hvordan sette inn symboler på en nettside ved hjelp av enhetskoder
Du kan sette inn enhetskoder i HTML-sideinnholdet. Når du ser på nettsiden din i en nettleser, konverteres kodene til deres tilsvarende symbol.
- I en ny HTML-fil legger du til den grunnleggende strukturen for en HTML-nettside:
html>
<html>
<hode>
<tittel>Eksempel på symbol og enhettittel>
<metategnsett="UTF-8">
hode>
<kropp>
kropp>
html> - Legg til litt HTML-innhold inne i body-taggen. Ta med enten den navngitte eller numeriske enhetskoden for symbolet du vil vise:
<h1>HTML-symbolerh1>
<s>Opphavsrettssymbol: ©s>
<s>Ampersand-symbol: &s>
<s>Varemerkesymbol: ™s>
<s>Smilende fjes: 😃s> - Åpne HTML-filen i en nettleser for å se de tilsvarende symbolene:
Bruk av spesielle eller reserverte HTML-symboler på nettstedet ditt
Nå som du vet hvordan du legger til symboler på HTML-nettsiden din, kan du utforske annet interessant innhold som du kan legge til for å gjøre nettstedet ditt mer engasjerende.