Skip to main content

Så här använder du specialtecken i HTML

Gifs With Sound #228 (Juni 2025)

Gifs With Sound #228 (Juni 2025)
Anonim

De webbsidor du besöker online är byggda med hjälp av HTML-kod som anger webbläsare vad innehållet på sidan är och hur man gör det visuellt för tittarna. Koden innehåller instruktionsblock som är kända som element, som webbläsaren aldrig ser. Koden innehåller också vanliga texttecken som de i rubriker och stycken som är avsedda för tittaren att läsa.

Rollen av specialtecken i HTML

När du använder HTML och skriver texten som är avsedd att visas, behöver du vanligtvis inga speciella koder. Du använder bara ditt tangentbord för att lägga till lämpliga bokstäver eller tecken. Ett problem uppstår när du vill skriva ett tecken i den läsbara texten som HTML använder som en del av själva koden. Dessa tecken innehåller de <och> tecken som används i koden för att starta och avsluta varje HTML-tagg. Du kan också vilja inkludera tecken i texten som inte har en direkt analog på tangentbordet, till exempel © och Ñ. För tecken som inte har någon nyckel på tangentbordet anger du en kod.

Särskilda tecken är specifika bitar av HTML-kod avsedda att visa tecken som används i HTML-koden eller att inkludera tecken som inte finns på tangentbordet i texten som tittaren ser. HTML gör dessa specialtecken med antingen numerisk eller teckenkodning så att de kan ingå i ett HTML-dokument, läsas av webbläsaren och visas korrekt för att webbplatsens besökare ska kunna se.

Särskilda HTML-tecken

Tre tecken är kärnan i HTML-kodens syntax. Du bör aldrig använda dem i läsbara delar på din webbsida utan att du kodar dem först för korrekt visning. De är de större än, mindre än, och ampersand symbolerna. Med andra ord bör du aldrig använda symbolen mindre än < i din HTML-kod såvida det inte är början på en HTML-tagg. Om du gör det förvirrar karaktären webbläsarna, och dina sidor kanske inte gör som du förväntar dig. De tre tecknen som du aldrig ska lägga till utan kodning är:

  • mindre än tecken <
  • större än tecken >
  • et-tecken &

När du skriver in dessa tecken direkt i HTML-koden, om du inte använder dem som element i kodtypen i kodningen för dem så visas de korrekt i läsbar text:

  • mindre än tecken -<
  • större än tecken ->
  • et-tecken &

Varje speciell karaktär börjar med en ampersand-även speciell karaktär för ampersand börjar med denna karaktär. Specialtecken slutar med en semikolon. Mellan dessa två tecken lägger du till vad som är lämpligt för specialteckenet du vill lägga till.lt (för mindre än ) skapar mindre än symbolen när den visas mellan ampersand och semikolon i HTML. Liknande, gt skapar större än symbolen och amp ger en ampersand när de är placerade mellan en ampersand och semikolon.

Särskilda tecken du kan inte skriva

Alla tecken som kan göras i Latin-1 standard teckenuppsättning kan göras i HTML. Om den inte visas på ditt tangentbord använder du ampersand-symbolen med den unika koden som har tilldelats tecknet följt av semikolon.

Till exempel är den "vänliga koden" för upphovsrättssymbolen© och&handel; är koden för varumärkessymbolen.

Den här vänliga koden är lätt att skriva och lätt att komma ihåg, men det finns många tecken som inte har en vänlig kod som är lätt att komma ihåg.

Varje tecken som kan skrivas på skärmen har en motsvarande decimalkod. Du kan använda den här numeriska koden för att visa vilket tecken som helst. Till exempel, den decimala numeriska koden för upphovsrättssymbolen-©-demonstrates hur numeriska koder fungerar. De börjar fortfarande med en ampersand och slutar med en semikolon, men i stället för vänlig text använder du taltecken följt av en unik nummerkod för den karaktären.

De vänliga koderna är enkla att komma ihåg, men de numeriska koderna är ofta mer tillförlitliga. Webbplatser som är byggda med databaser och XML kanske inte har alla de vänliga koderna definierade, men de stöder numeriska koderna.

Det bästa sättet att hitta siffrorna för tecken är teckenuppsättningar som du kan hitta online. När du hittar symbolen behöver du bara kopiera och klistra in den numeriska koden i din HTML.

Vissa teckenuppsättningar inkluderar:

  • Valuta koder
  • Matematiska koder
  • Punctuation-koder
  • Uttalskoder
  • Diacritics koder

Icke-engelska språktecken

Särskilda tecken är inte begränsade till engelska. Särskilda tecken på icke-engelska språk kan uttryckas i HTML inklusive:

  • spansk
  • franska
  • grekisk
  • rumänska

Så vad är hexadecimala koder?

Hexadecimal kod är ett alternativt format för att visa specialtecken i HTML-kod. Du kan använda vilken metod du vill ha för din webbsida. Du tittar upp dem i teckenuppsättningar online och använder dem på samma sätt som du använder vänliga koder eller numeriska koder.

Lägg till Unicode-deklarationen i dokumenthuvudet

Lägg till följande metataggar var som helst inom på din webbsida för att säkerställa att dina specialtecken visas korrekt.

content = "text / html; charset = utf-8" />

tips

Oavsett vilken metod du använder, behåll några bra praktiker i åtanke:

  • Avsluta alltid din enhet med en semikolon. Vissa HTML-redigerare tillåter dig att skicka HTML-koder utan det sista semikolonet, men dina sidor kommer att vara ogiltiga, och många webbläsare kommer inte att visa enheterna korrekt utan det.
  • Börja alltid med en ampersand. Många webbredaktörer låter dig komma undan med att lämna ut "amp;" men när du visar en ampersand ensam i XHTML, orsakar det ett valideringsfel.
  • Testa dina sidor i så många webbläsare som möjligt. Om tecknet är avgörande för att förstå ditt dokument och du inte kan testa det i de webbläsare / OS-kombinationer som dina kunder använder ska du hitta ett annat sätt att representera det. Men innan du tillgriper bilder eller något annat, kan du prova ett av de testverktyg för webbläsare som kan validera din kod i flera webbläsare.