Webbsidorna som du besöker online är byggda med HTML kod som berättar för webbläsare vad innehållet på sidan är och hur man gör det visuellt för tittare. Koden innehåller instruktionsblock som kallas element som webbsidvisaren aldrig ser. Koden innehåller också vanliga texttecken som de i rubriker och stycken som är avsedda för läsaren att läsa.
Rollen med specialtecken i HTML
När du använder HTML och skriver in texten som är avsedd att visas behöver du vanligtvis inga speciella koder - du använder bara datorns 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 karaktärer inkluderar < och > tecken som används i koden för att starta och avsluta varje HTML-tagg. Du kanske också vill inkludera tecken i texten som inte har en direkt analog på tangentbordet, t.ex. © och Ñ. För tecken som inte har en tangent på tangentbordet anger du en kod.
Specialtecken är specifika bitar av HTML-kod som är utformade för att visa tecken som används i HTML-koden eller för att inkludera tecken som inte finns på tangentbordet i texten tittaren ser. HTML gör dessa specialtecken med numerisk kod eller teckenkodning så att de kan inkluderas i en HTML-dokument, läst i webbläsaren och visas ordentligt så att webbplatsens besökare kan se.
Det finns tre tecken i kärnan för syntaxen för HTML-koden. Du bör aldrig använda dem i de läsbara delarna av din webbsida utan att koda dem först för korrekt visning. De är symbolerna med större än, mindre än och stort tecken. 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 visas som du förväntar dig. De tre karaktärerna du aldrig ska lägga till okodade är:
- mindre än tecken <
- större än tecken >
- ampersand &
När du skriver in dessa tecken direkt i din HTML-kod - om du inte använder dem som element i koden - skriver du in kodningen för dem så att de visas korrekt i den läsbara texten:
- mindre än tecken - <
- större än tecken - >
- bokstäver - &
Varje specialkaraktär börjar med ett tecken - även specialteckenet för tecken börjar med denna karaktär. Specialtecken avslutas med semikolon. Mellan dessa två tecken lägger du till vad som är lämpligt för det specialtecken du vill lägga till. lt (för mindre än) skapar symbolen mindre än när den visas mellan tecken och semikolon i HTML. Liknande, gt skapar symbolen som är större än amp ger ett ampersand när de är placerade mellan en ampersand och semikolon.
Specialtecken du inte kan skriva
Alla tecken som kan återges i Latin-1-standardteckenuppsättningen kan återges i HTML. Om det inte visas på tangentbordet använder du teckensymbolen med den unika koden som har tilldelats karaktären följt av semikolon.
Till exempel den "vänliga koden" för copyright-symbol är © och ™ är koden för varumärkesymbolen.
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 numeriska koden för att visa vilket tecken som helst. Till exempel den decimala numeriska koden för upphovsrättssymbolen - © - visar hur numeriska koder fungerar. De börjar fortfarande med ett tecken och slutar med ett semikolon, men istället för vänlig text använder du nummertecknet följt av en unik nummerkod för den karaktären.
De vänliga koderna är lätta 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 vänliga koder definierade, men de stöder de numeriska koder.
Det bästa sättet att hitta numeriska koder för tecken är i teckenuppsättningar som du kan hitta online. När du hittar den symbol du behöver, bara kopiera och klistra in den numeriska koden i din HTML.
Vissa teckenuppsättningar inkluderar:
- Valutakoder
- Matematiska koder
- Punktueringskoder
- Uttalskoder
- Diakritikoder
Tecken som inte är engelska
Specialtecken är inte begränsade till engelska. Specialtecken på icke-engelska språk kan uttryckas i HTML inklusive:
- Spanska
- 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 för din webbsida. Du letar 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 metatagg var som helst i.
content = "text / html; charset = utf-8 "/>Tips
Oavsett vilken metod du använder, kom ihåg några bästa metoder:
Avsluta alltid din enhet med ett semikolon
Vissa HTML-redigerare låter dig skicka HTML-koder utan det sista semikolonet, men dina sidor är ogiltiga och många webbläsare visar inte enheterna korrekt utan den.
Börja alltid med ett tecken
Många webbredaktörer låter dig komma undan med att utesluta "amp;" men när du visar ett ampersand ensam i XHTML, det orsakar ett valideringsfel.
Testa dina sidor i så många webbläsare som möjligt
Om karaktären ä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, bör du hitta ett annat sätt att representera det. Innan du använder bilder eller något annat kan du testa ett av webbläsarens testverktyg som kan validera din kod i flera webbläsare.