Hvordan bruke spesialtegn i HTML

click fraud protection

Nettsidene du besøker på nettet er laget ved hjelp av HTML kode som forteller nettlesere hva innholdet på siden er og hvordan du gjengir det visuelt for seere. Koden inneholder instruksjonsblokker kjent som elementer, som nettsideviseren aldri ser. Koden inneholder også normale teksttegn, slik som de i overskrifter og avsnitt som er laget for seeren å lese.

Rollen til spesialtegn i HTML

Når du bruker HTML og skriver inn teksten som skal vises, trenger du vanligvis ingen spesielle koder - du bruker bare tastaturet til å legge til de aktuelle bokstavene eller tegnene. Det oppstår et problem når du vil skrive et tegn i den lesbare teksten som HTML bruker som en del av selve koden. Disse karakterene inkluderer < og > tegn som brukes i koden for å starte og fullføre hver HTML-tag. Det kan også være lurt å ta med tegn i teksten som ikke har en direkte analog på tastaturet, for eksempel © og Ñ. For tegn som ikke har en nøkkel på tastaturet, skriver du inn en kode.

Spesielle karakterer.
CSA Images / Getty Images

Spesialtegn er spesifikke biter av HTML-kode designet for å vise tegn som brukes i HTML-koden eller for å inkludere tegn som ikke finnes på tastaturet i teksten betrakteren ser. HTML gjengir disse spesialtegnene med enten numerisk eller tegnkoding, slik at de kan inkluderes i en

instagram viewer
HTML-dokument, lest av nettleseren, og vises riktig for besøkende på nettstedet ditt.

Det er tre tegn i kjernen av syntaksen til HTML-koden. Du bør aldri bruke dem i de lesbare delene av websiden din uten å kode dem først for riktig visning. De er symbolene med større enn mindre enn tegn. Med andre ord, du bør aldri bruke mindre enn-symbolet < i HTML-koden din, med mindre det er starten på en HTML-tag. Hvis du gjør det, forvirrer karakteren nettleserne, og sidene dine blir kanskje ikke gjengitt slik du forventer. De tre tegnene du aldri skal legge til ukodet er:

  • mindre enn tegn <
  • større enn tegn >
  • ampersand &

Når du skriver inn disse tegnene direkte i HTML-koden din - med mindre du bruker dem som elementer i koden - skriver du inn kodingen for dem, slik at de vises riktig i den lesbare teksten:

  • mindre enn tegn - <
  • større enn tegn - >
  • ampersand - &

Hver spesielle karakter begynner med et ampersand - til og med spesialtegnet for ampersand begynner med denne karakteren. Spesialtegn avsluttes med semikolon. Mellom disse to tegnene legger du til det som passer for spesialtegnet du vil legge til. lt (til mindre enn) oppretter mindre enn symbolet når det vises mellom bokstav og semikolon i HTML. På samme måte, gt skaper symbolet større enn amp gir et ampersand når de er plassert mellom en ampersand og semikolon.

Spesielle tegn du ikke kan skrive

Ethvert tegn som kan gjengis i Latin-1 standard tegnsett kan gjengis i HTML. Hvis det ikke vises på tastaturet ditt, bruker du bokstavsymbolet med den unike koden som er tildelt tegnet etterfulgt av semikolon.

For eksempel "vennlig kode" for copyright-symbol er © og ™ er koden for varemerkesymbolet.

Denne vennlige koden er enkel å skrive og lett å huske, men det er mange tegn som ikke har en vennlig kode som er lett å huske.

Hvert tegn som kan skrives på skjermen har en tilsvarende desimal numerisk kode. Du kan bruke denne numeriske koden til å vise hvilket som helst tegn. For eksempel den desimale numeriske koden for copyright-symbolet - © - demonstrerer hvordan numeriske koder fungerer. De begynner fortsatt med et bokstav og slutter med semikolon, men i stedet for vennlig tekst bruker du talltegnet etterfulgt av en unik tallkode for det tegnet.

De vennlige kodene er enkle å huske, men de numeriske kodene er ofte mer pålitelige. Nettsteder som er bygd med databaser og XML kanskje ikke alle vennlige koder er definert, men de støtter de numeriske kodene.

Den beste måten å finne de numeriske kodene for tegn er i tegnsett du finner online. Når du finner symbolet du trenger, er det bare å kopiere og lime inn den numeriske koden i HTML-koden.

Noen tegnsett inkluderer:

  • Valutakoder
  • Matematiske koder
  • Tegnsettingskoder
  • Uttale koder
  • Diakritiske koder

Ikke-engelskspråklige tegn

Spesialtegn er ikke begrenset til engelsk. Spesialtegn på ikke-engelske språk kan uttrykkes i HTML inkludert:

  • Spansk
  • fransk
  • gresk
  • Rumensk

Så hva er heksadesimale koder?

Heksadesimal kode er et alternativt format for visning av spesialtegn i HTML-kode. Du kan bruke hvilken metode du vil for websiden din. Du slår dem opp i tegnsett online og bruker dem på samme måte som du bruker vennlige koder eller numeriske koder.

Legg Unicode-erklæringen til dokumenthodet

Legg til følgende metakode hvor som helst i.

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

Tips

Uansett hvilken metode du bruker, husk noen gode fremgangsmåter:

Avslutt alltid enheten din med semikolon

Noen HTML-redaktører lar deg legge ut HTML-koder uten det endelige semikolonet, men sidene dine vil være ugyldige, og mange nettlesere vil ikke vise enhetene riktig uten den.

Begynn alltid med et ampersand

Mange nettredaktører lar deg slippe unna med å utelate "amp;" men når du viser et ampersand alene i XHTML, forårsaker det en valideringsfeil.

Test sidene dine i så mange nettlesere du kan

Hvis tegnet er avgjørende for å forstå dokumentet ditt, og du ikke kan teste det i nettleser / OS-kombinasjonene som kundene dine bruker, bør du finne en annen måte å representere det på. Før du tyr til bilder eller noe annet, kan du prøve et av nettleserens testverktøy som kan validere koden din i flere nettlesere.

instagram story viewer