Vissa symboler är svåra att skriva och andra är tekniskt sett förbjudna. Ta reda på vilket som är vilket och hur du behärskar tecken i HTML.
Det kan finnas tillfällen då du behöver använda ett specialtecken på din webbplats, till exempel et-tecken. Du kan dock inte bara skriva "&" i din HTML-kod, eftersom detta är en reserverad HTML-symbol.
Istället kan du använda HTML-enheter eller specialkoder för att representera dessa tecken. Detta gör att du kan lägga till symboler på din webbsida utan att störa den faktiska HTML-koden.
Vad är symboler i HTML?
När bygga en HTML-webbplats, kommer du att använda en rad symboler för skiljetecken. Även om du kan lägga till de flesta tecken direkt på din sida, har vissa speciell betydelse eller är svåra att skriva. HTML använder till exempel symboler som vinkelparenteser (< och >), et-tecken (&) och citattecken (" och ') för att representera strukturen i ditt innehåll.
En webbläsare tolkar vanligtvis vinkelparentessymbolen som en öppnings- eller stängningstagg. Om det inte är vad du har för avsikt kan det orsaka fel på din webbsida. Exempel på symboler som kräver en enhetskod inkluderar:
- Ampersand (
&) - Mindre än (
<) - Större än (
>) - Dubbla citattecken (
") - Enstaka citat (
')
Andra symboler som upphovsrätts- och varumärkessymboler kräver ingen enhetskod, men du kan fortfarande använda en om du föredrar det. De kan vara besvärliga att skriva eller till och med sakna stöd i din textredigerare. Några exempel inkluderar:
- Upphovsrättssymbol (©)
- Varumärkessymbol (™)
- Registrerat varumärkessymbol (®)
Vad är namngivna och numeriska enheter?
Du kan representera varje symbol med en numerisk enhetskod, och den vanligaste med en namngiven enhet också. Här är några exempel:
Symbol |
Namngiven enhetskod |
Numerisk enhetskod |
Ampersand |
& |
& |
Mindre än |
< |
< |
Större än |
> |
> |
Dubbelt citat |
" |
" |
Enstaka citat |
' |
' |
upphovsrätt |
© |
© |
Varumärkessymbol |
™ |
™ |
Registrerat varumärkessymbol |
® |
® |
Om du använder antingen den namngivna eller numeriska koden visas motsvarande symbol. Om du till exempel använder antingen "©" eller "©" visas copyright-symbolen.
Lägga till emojis på din webbsida
Du kan också visa emojis med hjälp av en enhetskod. Alla emojis har en numerisk enhetskod i HTML, men inte alla har en namngiven enhetskod. Några exempel inkluderar:
Symbol |
Numerisk enhetskod |
Leende ansikte (😃) |
😃 |
Skrattande ansikte (😆) |
😆 |
Leende ansikte med gloria (😇) |
😇 |
Hur man infogar symboler på en webbsida med hjälp av enhetskoder
Du kan infoga entitetskoder i HTML-sidans innehåll. Om du visar din webbsida i en webbläsare konverteras koderna till motsvarande symbol.
- I en ny HTML-fil lägger du till den grundläggande strukturen för en HTML-webbsida:
html>
<html>
<huvud>
<titel>Exempel på symbol och enhettitel>
<metateckenuppsättning="UTF-8">
huvud>
<kropp>
kropp>
html> - Lägg till lite HTML-innehåll inuti body-taggen. Inkludera antingen den namngivna eller numeriska enhetskoden för symbolen du vill visa:
<h1>HTML-symbolerh1>
<sid>Upphovsrättssymbol: ©sid>
<sid>Ampersand-symbol: &sid>
<sid>Varumärkessymbol: ™sid>
<sid>Leende ansikte: 😃sid> - Öppna din HTML-fil i en webbläsare för att se motsvarande symboler:
Använda speciella eller reserverade HTML-symboler på din webbplats
Nu när du vet hur du lägger till symboler på din HTML-webbsida kan du utforska annat intressant innehåll som du kan lägga till för att göra din webbplats mer engagerande.
