Kaip naudoti specialiuosius simbolius HTML

Tinklalapiai, kuriuose lankotės internete, yra kuriami naudojant HTML kodas, kuris žiniatinklio naršyklėms nurodo, koks yra puslapio turinys ir kaip jį vizualiai pateikti žiūrovams. Kode yra mokymo elementai, vadinami elementais, kurių tinklalapio žiūrovas niekada nemato. Kode taip pat yra įprastų teksto simbolių, tokių kaip antraštės ir pastraipos, skirtos žiūrovui skaityti.

Ypatingų simbolių vaidmuo HTML

Kai naudojate HTML ir įvedate tekstą, skirtą peržiūrėti, paprastai nereikia jokių specialių kodų - norėdami pridėti atitinkamas raides ar simbolius, naudojate tik savo kompiuterio klaviatūrą. Iškyla problema, kai norite įvesti simbolį skaitomame tekste, kurį HTML naudoja kaip patį kodą. Šie simboliai apima < ir > simboliai, kurie naudojami kode norint pradėti ir užbaigti kiekvieną HTML žymą. Taip pat galite į tekstą įtraukti simbolius, neturinčius tiesioginio analogo klaviatūroje, pvz © ir Ñ. Simboliams, kurių klaviatūroje nėra klavišo, įveskite kodą.

Ypatingi personažai.
CSA vaizdai / „Getty Images“

Specialieji simboliai yra konkretūs HTML kodo gabalai, skirti rodyti naudojamus simbolius HTML kodą arba įtraukti simbolius, kurių nerandama klaviatūroje, į žiūriklio tekstą mato. HTML šiuos specialiuosius simbolius pateikia skaitmeniniu arba simboliniu kodavimu, kad juos būtų galima įtraukti į

instagram viewer
HTML dokumentas, perskaityta naršyklėje ir tinkamai rodoma jūsų svetainės lankytojams.

HTML kodo sintaksės šerdyje yra trys simboliai. Niekada neturėtumėte jų naudoti skaitomose savo tinklalapio dalyse, pirmiausia neužkoduodami, kad būtų tinkamai rodoma. Jie yra didesni nei, mažesni nei ir ampersandai simboliai. Kitaip tariant, niekada neturėtumėte naudoti simbolio „mažiau nei“ < HTML kode, nebent tai yra HTML žyma. Jei taip padarysite, simbolis supainioja naršykles ir jūsų puslapiai gali būti pateikiami ne taip, kaip tikitės. Trys simboliai, kurių niekada neturėtumėte pridėti neužkoduoti, yra:

  • mažiau nei ženklas <
  • didesnis už ženklą >
  • ampersandas &

Kai įvedate šiuos simbolius tiesiai į savo HTML kodą, nebent juos naudojate kaip elementus kode, įveskite jų koduotę, kad jie būtų teisingai rodomi skaitomame tekste:

  • mažiau nei ženklas - <
  • didesnis nei ženklas - >
  • ampersandas - &

Kiekvienas ypatingas personažas prasideda ampersandu - net specialusis ampersandui skirtas simbolis prasideda nuo šio simbolio. Specialieji simboliai baigiami kabliataškiu. Tarp šių dviejų simbolių pridedate viską, kas tinka specialiajam simboliui, kurį norite pridėti. lt (dėl mažiau nei) sukuria simbolį, mažesnį už simbolį, kai jis atsiranda tarp ampersendo ir kabliataškio HTML. Panašiai, gt sukuria didesnį už simbolį ir stiprintuvas duoda ampersandą, kai jie yra tarp ampersandas ir kabliataškis.

Ypatingi simboliai, kurių negalite įvesti

Bet kurį simbolį, kurį galima pateikti „Latin-1“ standartiniame simbolių rinkinyje, galima pateikti HTML. Jei jis nerodomas klaviatūroje, naudojate simbolį „ampersand“ su unikaliu kodu, kuris buvo priskirtas simboliui, po kurio yra kabliataškis.

Pavyzdžiui, „draugiškas kodas“ autorių teisių simbolis yra © ir ™ yra prekės ženklo simbolio kodas.

Šį draugišką kodą lengva įvesti ir lengvai įsimenamas, tačiau yra daugybė simbolių, neturinčių draugiško kodo, kurį būtų lengva atsiminti.

Kiekvienas simbolis, kurį galima įvesti ekrane, turi atitinkamą dešimtainį skaitinį kodą. Šį skaitinį kodą galite naudoti norėdami parodyti bet kurį simbolį. Pvz., Dešimtainis skaitmeninis autorių teisių simbolio kodas - © - parodo, kaip veikia skaitmeniniai kodai. Jie vis tiek prasideda ampersandu ir baigiasi kabliataškiu, tačiau vietoj draugiško teksto jūs naudojate skaičiaus ženklą, po kurio seka unikalus to simbolio skaičiaus kodas.

Draugiškus kodus lengva atsiminti, tačiau skaitiniai kodai dažnai yra patikimesni. Svetainės, sukurtos naudojant duomenų bazes ir XML gali būti ne visi draugiški kodai, tačiau jie palaiko skaitmeninius kodus.

Geriausias būdas rasti skaitinius kodus simbolių rinkiniuose galite rasti internete. Radę reikiamą simbolį, tiesiog nukopijuokite ir įklijuokite skaitinį kodą į savo HTML.

Kai kurie simbolių rinkiniai apima:

  • Valiutos kodai
  • Matematiniai kodai
  • Skyrybos kodai
  • Tarimo kodai
  • Diakritikų kodai

Ne anglų kalbos simboliai

Specialieji simboliai neapsiriboja tik anglų kalba. Specialieji simboliai ne anglų kalba gali būti išreikšti HTML, įskaitant:

  • Ispanų
  • Prancūzų kalba
  • Graikų
  • Rumunų

Taigi, kokie yra šešioliktainiai kodai?

Šešioliktainis kodas yra alternatyvus formatas, skirtas rodyti specialiuosius simbolius HTML kode. Tinklalapiui galite naudoti bet kurį norimą metodą. Jūs ieškote jų internete simbolių rinkiniuose ir naudojate juos taip, kaip naudojate draugiškus kodus arba skaitmeninius kodus.

Pridėkite „Unicode“ deklaraciją prie savo dokumentų vadovo

Pridėkite šią metažymą bet kur.

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

Patarimai

Nesvarbu, kurį metodą naudojate, turėkite omenyje keletą geriausių praktikų:

Visada baigkite objektą kabliataškiu

Kai kurie HTML redaktoriai leidžia jums paskelbti HTML kodus be paskutinio kabliataškio, tačiau jūsų puslapiai bus neteisingi, be to, daugelyje interneto naršyklių subjektai nebus tinkamai rodomi.

Visada pradėkite nuo „ampersand“

Daugelis žiniatinklio redaktorių leidžia atsikratyti „amp“; bet kai vienas rodote ampersandą XHTML, tai sukelia patvirtinimo klaidą.

Išbandykite savo puslapius kuo daugiau naršyklių

Jei simbolis yra labai svarbus norint suprasti jūsų dokumentą ir negalite jo išbandyti naršyklės / OS deriniuose, kuriuos naudoja jūsų klientai, turėtumėte rasti kitą būdą, kaip jį pavaizduoti. Tačiau prieš griebdamiesi vaizdų ar kažko kito, išbandykite vieną iš naršyklės testavimo įrankių, kuris gali patvirtinti jūsų kodą keliose naršyklėse.