Nogle symboler er svære at skrive, og andre er teknisk set forbudte. Find ud af, hvad der er hvad, og hvordan du mestrer tegn i HTML.
Der kan være tidspunkter, hvor du skal bruge et specialtegn på din hjemmeside, såsom et-tegnet-symbolet. Du kan dog ikke bare skrive "&" i din HTML-kode, da dette er et reserveret HTML-symbol.
I stedet kan du bruge HTML-enheder eller specielle koder til at repræsentere disse tegn. Dette giver dig mulighed for at tilføje symboler til din webside uden at forstyrre den faktiske HTML-kode.
Hvad er symboler i HTML?
Hvornår opbygning af et HTML-websted, skal du bruge en række symboler til tegnsætning. Mens du kan tilføje de fleste tegn direkte til din side, har nogle en særlig betydning eller er svære at skrive. HTML bruger f.eks. symboler som vinkelparenteser (< og >), og-tegn (&) og anførselstegn (" og ') til at repræsentere strukturen af dit indhold.
En webbrowser vil typisk fortolke vinkelparentessymbolet som et åbnings- eller lukkemærke. Hvis det ikke er, hvad du har til hensigt, kan det forårsage fejl på din webside. Eksempler på symboler, der kræver en enhedskode, omfatter:
- ampersand (
&) - Mindre end (
<) - Bedre end (
>) - Dobbelt citat (
") - Enkelt citat (
')
Andre symboler som f.eks copyright- og varemærkesymboler kræver ikke en enhedskode, men du kan stadig bruge en, hvis du foretrækker det. De kan være besværlige at skrive eller endda ikke understøttede i din teksteditor. Nogle eksempler omfatter:
- Copyright-symbol (©)
- Varemærkesymbol (™)
- Registreret varemærkesymbol (®)
Hvad er navngivne og numeriske enheder?
Du kan repræsentere hvert symbol ved hjælp af en numerisk enhedskode, og det mest almindelige med en navngiven enhed også. Her er nogle eksempler:
Symbol |
Navngivet enhedskode |
Numerisk enhedskode |
Ampersand |
& |
& |
Mindre end |
< |
< |
Bedre end |
> |
> |
Dobbelt citat |
" |
" |
Enkelt citat |
' |
' |
ophavsret |
© |
© |
Varemærke symbol |
™ |
™ |
Registreret varemærkesymbol |
® |
® |
Brug af enten den navngivne eller numeriske kode vil vise det tilsvarende symbol. Hvis du f.eks. bruger enten "©" eller "©", vil copyright-symbolet blive vist.
Tilføjelse af emojis til din webside
Du kan også vise emojis ved hjælp af en enhedskode. Alle emojis har en numerisk enhedskode i HTML, men ikke alle af dem har en navngivet enhedskode. Nogle eksempler omfatter:
Symbol |
Numerisk enhedskode |
Smilende ansigt (😃) |
😃 |
Grinende ansigt (😆) |
😆 |
Smilende ansigt med glorie (😇) |
😇 |
Sådan indsætter du symboler på en webside ved hjælp af enhedskoder
Du kan indsætte enhedskoder i dit HTML-sideindhold. Når du ser din webside i en browser, konverteres koderne til deres tilsvarende symbol.
- Tilføj den grundlæggende struktur for en HTML-webside i en ny HTML-fil:
html>
<html>
<hoved>
<titel>Eksempel på symbol og enhedtitel>
<metategnsæt="UTF-8">
hoved>
<legeme>
legeme>
html> - Tilføj noget HTML-indhold inde i body-tagget. Inkluder enten den navngivne eller numeriske enhedskode for det symbol, du vil vise:
<h1>HTML symbolerh1>
<s>Copyright symbol: ©s>
<s>A-tegn symbol: &s>
<s>Varemærkesymbol: ™s>
<s>Smilende ansigt: 😃s> - Åbn din HTML-fil i en webbrowser for at se de tilsvarende symboler:
Brug af specielle eller reserverede HTML-symboler på dit websted
Nu hvor du ved, hvordan du tilføjer symboler til din HTML-webside, kan du udforske andet interessant indhold, som du kan tilføje for at gøre dit websted mere engagerende.
