A speciális karakterek használata a HTML-ben

click fraud protection

Az online látogatott weboldalak felhasználásával készülnek HTML kód, amely megmondja a böngészőknek, hogy mi az oldal tartalma, és hogyan lehet azt vizuálisan megjeleníteni a nézők számára. A kód tartalmaz elemként ismert oktatási építőelemeket, amelyeket a weboldal megtekintője soha nem lát. A kód normál szöveges karaktereket is tartalmaz, mint például a címsorokban és a bekezdésekben, amelyeket a néző olvashat.

A speciális karakterek szerepe a HTML-ben

Amikor HTML-t használ és beírja a megtekintésre tervezett szöveget, általában nincs szüksége külön kódokra - a megfelelő betűk vagy karakterek hozzáadásához csak a számítógép billentyűzetét használja. Probléma merül fel, ha be akar írni egy karaktert az olvasható szövegbe, amelyet a HTML maga a kód részeként használ. Ezek a karakterek tartalmazzák a < és > karakterek, amelyeket a kódban használnak minden HTML-címke elindításához és befejezéséhez. Érdemes olyan karaktereket is beépíteni a szövegbe, amelyeknek nincs közvetlen analógja a billentyűzeten, például

instagram viewer
© és Ñ. Azoknál a karaktereknél, amelyeknek nincs billentyűje a billentyűzeten, adjon meg egy kódot.

Speciális karakterek.
CSA Images / Getty Images

A speciális karakterek a HTML-kód meghatározott darabjai, amelyek a használt karakterek megjelenítésére szolgálnak HTML kódot, vagy olyan karaktereket, amelyek nem találhatók meg a billentyűzeten, a megtekintő szövegébe lát. A HTML ezeket a speciális karaktereket numerikus vagy karakterkódolással jeleníti meg, hogy azok bekerülhessenek egy HTML dokumentum, olvassa el a böngésző, és megfelelően jeleníti meg webhelye látogatói számára.

A HTML-kód szintaxisának középpontjában három karakter található. Soha ne használja őket a weboldal olvasható részeiben anélkül, hogy előbb kódolná őket a megfelelő megjelenítés érdekében. Ezek a nagyobb, a kevesebb és az amperszand szimbólumok. Más szavakkal, soha nem szabad a kevesebbet jelet használni < a HTML-kódban, kivéve, ha ez egy HTML címke. Ha így tesz, a karakter megzavarja a böngészőket, és előfordulhat, hogy az oldalai nem úgy jelennek meg, ahogyan azt vártuk. A három karakter, amelyet soha nem szabad kódolatlanul hozzáadni:

  • kevesebb, mint jel <
  • jelnél nagyobb >
  • ampersand &

Amikor ezeket a karaktereket közvetlenül beírja a HTML-kódba - hacsak nem őket használja a kód elemeiként -, írja be a kódolást, hogy helyesen jelenjenek meg az olvasható szövegben:

  • kevesebb, mint előjel - <
  • jelnél nagyobb - >
  • ampersand - &

Minden különleges karakter egy jelzéssel kezdődik - még az ampersand speciális karaktere is ezzel a karakterrel kezdődik. A speciális karakterek pontosvesszővel végződnek. E két karakter közé adhat hozzá mindent, ami megfelel a hozzáadni kívánt speciális karakternek. lt (a kevesebb, mint) létrehozza a kevesebb mint szimbólumot, amikor megjelenik az ampersand és a pontosvessző között HTML-ben. Hasonlóképpen, gt létrehozza a nagyobbnál nagyobb szimbólumot és erősítő ampersandot eredményez, ha egy ampersand pontosvessző.

Különleges karakterek, amelyeket nem lehet beírni

Bármely karakter, amely a Latin-1 szabványos karakterkészletben megjeleníthető, HTML-ben is megjeleníthető. Ha nem jelenik meg a billentyűzeten, akkor az ampersand szimbólumot használja azzal az egyedi kóddal, amelyet a pontosvesszővel követett karakterhez rendeltek.

Például a "barátságos kód" a szerzői jogi szimbólum © és ™ a védjegy szimbólumának kódja.

Ezt a barátságos kódot könnyen be lehet írni és könnyen megjegyezhető, de sok olyan karakter van, amely nem rendelkezik könnyen megjegyezhető, barátságos kóddal.

Minden, a képernyőn begépelhető karakternek megvan a megfelelő tizedes numerikus kódja. Használhatja ezt a numerikus kódot bármely karakter megjelenítésére. Például a szerzői jogi szimbólum tízes számjegyű kódja - © - bemutatja a numerikus kódok működését. Ezek továbbra is betűvel kezdődnek, és pontosvesszővel végződnek, de a barátságos szöveg helyett a számjelet követi, amelyet egy egyedi számkód követ az adott karakterhez.

A barátságos kódokat könnyű megjegyezni, de a numerikus kódok gyakran megbízhatóbbak. Webhelyek, amelyek adatbázisokkal és XML lehet, hogy nincs meghatározva az összes barátságos kód, de támogatják a numerikus kódokat.

A karakterek numerikus kódjainak megtalálásának legjobb módja az online megtalált karakterkészletek. Ha megtalálta a szükséges szimbólumot, egyszerűen másolja és illessze be a numerikus kódot a HTML-be.

Néhány karakterkészlet a következőket tartalmazza:

  • Pénznem kódok
  • Matematikai kódok
  • Írásjelek
  • Kiejtési kódok
  • Diakritikus kódok

Nem angol nyelvű karakterek

A speciális karakterek nem korlátozódnak az angol nyelvre. A nem angol nyelvű speciális karakterek kifejezhetők HTML-ben, beleértve:

  • spanyol
  • Francia
  • görög
  • román

Mi tehát a hexadecimális kód?

Hexadecimális kód egy alternatív formátum a speciális karakterek HTML-kódban történő megjelenítésére. Bármelyik módszert használhatja a weboldalához. Online módon keresi őket karakterkészletben, és ugyanúgy használja őket, mint a barátságos vagy numerikus kódokat.

Adja hozzá az Unicode nyilatkozatot a dokumentum fejéhez

Adja hozzá a következő metacímkét bárhova a.

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

Tippek

Nem számít, melyik módszert használja, tartson szem előtt néhány bevált gyakorlatot:

Az entitást mindig vesszővel fejezze be

Egyes HTML-szerkesztők lehetővé teszik HTML-kódok közzétételét az utolsó pontosvessző nélkül, de az oldalai érvénytelenek lesznek, és sok webböngésző nem jeleníti meg helyesen az entitásokat enélkül.

Mindig egy jelzéssel kezdje

Számos webszerkesztő lehetővé teszi, hogy elkerülje az "amp;" de amikor egyedül egy jelet mutat be XHTML, érvényesítési hibát okoz.

Tesztelje oldalait a lehető legtöbb böngészőben

Ha a karakter kulcsfontosságú a dokumentum megértése szempontjából, és nem tudja tesztelni az ügyfelek által használt böngésző / operációs rendszer kombinációkban, akkor meg kell találnia egy másik módját annak ábrázolására. Mielőtt azonban képekhez vagy máshoz folyamodna, próbálkozzon az egyik böngészőtesztelő eszközzel, amely több böngészőben is érvényesítheti kódját.

instagram story viewer