Sådan bruges specialtegn i HTML

click fraud protection

De websider, du besøger online, er bygget med HTML kode, der fortæller webbrowsere, hvad indholdet på siden er, og hvordan man gengiver det visuelt for seere. Koden indeholder instruktionsblokke kendt som elementer, som websideviseren aldrig ser. Koden indeholder også normale teksttegn, såsom dem i overskrifter og afsnit, der er designet til at seeren kan læse.

Rollen af ​​specialtegn i HTML

Når du bruger HTML og skriver den tekst, der er designet til at blive vist, behøver du normalt ikke nogen specielle koder - du bruger kun computertastaturet til at tilføje de relevante bogstaver eller tegn. Et problem opstår, når du vil skrive et tegn i den læsbare tekst, som HTML bruger som en del af selve koden. Disse tegn inkluderer < og > tegn, der bruges i koden til at starte og afslutte hvert HTML-tag. Det kan også være en god idé at medtage tegn i teksten, der ikke har en direkte analog på tastaturet, f.eks © og Ñ. For tegn, der ikke har en nøgle på dit tastatur, skal du indtaste en kode.

instagram viewer
Særlige tegn.
CSA Images / Getty Images

Specialtegn er specifikke stykker HTML-kode designet til at vise tegn, der bruges i HTML-koden eller for at medtage tegn, der ikke findes på tastaturet i teksten seeren ser. HTML gengiver disse specialtegn med enten numerisk kodning eller tegnkodning, så de kan inkluderes i et HTML-dokumentlæses af browseren og vises korrekt, så besøgende på dit websted kan se dem.

Der er tre tegn i kernen af ​​syntaksen for HTML-koden. Du bør aldrig bruge dem i de læsbare dele af din webside uden først at kode dem for korrekt visning. De er symbolerne med større end, mindre end og ampersand. Med andre ord skal du aldrig bruge mindre end-symbolet < i din HTML-kode, medmindre det er starten på en HTML-tag. Hvis du gør det, forvirrer tegnet browserne, og dine sider gengives muligvis ikke, som du forventer. De tre tegn, du aldrig skal tilføje ukodet, er:

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

Når du skriver disse tegn direkte i din HTML-kode - medmindre du bruger dem som elementer i koden - skal du indtaste kodningen for dem, så de vises korrekt i den læsbare tekst:

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

Hver speciel karakter begynder med et ampersand - selv specialtegnet for ampersand begynder med denne karakter. Specialtegn slutter med et semikolon. Mellem disse to tegn tilføjer du det, der passer til det specialtegn, du vil tilføje. lt (til Mindre end) opretter mindre end symbolet, når det vises mellem ampersand og semikolon i HTML. Tilsvarende gt skaber symbolet større end forstærker giver et ampersand, når de er placeret mellem et ampersand og semikolon.

Særlige tegn, du ikke kan skrive

Ethvert tegn, der kan gengives i Latin-1-standardtegnsættet, kan gengives i HTML. Hvis det ikke vises på dit tastatur, bruger du ampersand-symbolet med den unikke kode, der er tildelt tegnet efterfulgt af semikolon.

For eksempel den "venlige kode" til copyright-symbol er © og ™ er koden for varemærkesymbolet.

Denne venlige kode er let at skrive og let at huske, men der er mange tegn, der ikke har en venlig kode, der er let at huske.

Hvert tegn, der kan skrives på skærmen, har en tilsvarende decimal numerisk kode. Du kan bruge denne numeriske kode til at vise ethvert tegn. For eksempel den numeriske decimalkode for copyright-symbolet - © - demonstrerer hvordan numeriske koder fungerer. De begynder stadig med et ampersand og slutter med et semikolon, men i stedet for venlig tekst bruger du nummertegnet efterfulgt af en unik nummerkode til det tegn.

De venlige koder er lette at huske, men de numeriske koder er ofte mere pålidelige. Websteder, der er bygget med databaser og XML muligvis ikke alle definerede venlige koder, men de understøtter de numeriske koder.

Den bedste måde at finde de numeriske koder på tegn er i tegnsæt, du kan finde online. Når du finder det symbol, du har brug for, skal du bare kopiere og indsætte den numeriske kode i din HTML.

Nogle tegnsæt inkluderer:

  • Valutakoder
  • Matematiske koder
  • Tegnsætningskoder
  • Udtale koder
  • Diakritiske koder

Ikke-engelsksprogede tegn

Specialtegn er ikke begrænset til det engelske sprog. Specialtegn på ikke-engelske sprog kan udtrykkes i HTML inklusive:

  • spansk
  • fransk
  • Græsk
  • Rumænsk

Så hvad er hexadecimale koder?

Hexadecimal kode er et alternativt format til visning af specialtegn i HTML-kode. Du kan bruge den metode, du ønsker, til din webside. Du ser dem op i tegnsæt online og bruger dem på samme måde som du bruger venlige koder eller numeriske koder.

Føj Unicode-erklæringen til dit dokumenthoved

Tilføj følgende metatag hvor som helst inden i.

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

Tips

Uanset hvilken metode du bruger, skal du huske et par bedste praksis:

Afslut altid din enhed med et semikolon

Nogle HTML-redaktører giver dig mulighed for at sende HTML-koder uden det sidste semikolon, men dine sider er ugyldige, og mange webbrowsere viser ikke enhederne korrekt uden den.

Begynd altid med et ampersand

Mange webredaktører lader dig slippe af med at udelade "amp;" men når du viser et ampersand alene i XHTML, det forårsager en valideringsfejl.

Test dine sider i så mange browsere som muligt

Hvis tegnet er afgørende for at forstå dit dokument, og du ikke kan teste det i de browser / OS-kombinationer, som dine kunder bruger, skal du finde en anden måde at repræsentere det på. Inden du griber til billeder eller noget andet, skal du prøve et af browserens testværktøjer, der kan validere din kode i flere browsere.

instagram story viewer