Neke je simbole teško upisati, a drugi su, tehnički, zabranjeni. Saznajte što je što i kako savladati znakove u HTML-u.
Ponekad ćete morati upotrijebiti poseban znak na svojoj web stranici, kao što je simbol ampersand. Međutim, ne možete jednostavno upisati "&" u svoj HTML kod jer je to rezervirani HTML simbol.
Umjesto toga, možete koristiti HTML entitete ili posebne kodove za predstavljanje tih znakova. To vam omogućuje dodavanje simbola na vašu web stranicu bez ometanja stvarnog HTML koda.
Što su simboli u HTML-u?
Kada izrada HTML web stranice, koristit ćete niz simbola za interpunkciju. Dok većinu znakova možete dodati izravno na svoju stranicu, neki imaju posebno značenje ili ih je teško upisati. Na primjer, HTML koristi simbole kao što su uglaste zagrade (< i >), ampersandi (&) i navodnici (" i ') za predstavljanje strukture vašeg sadržaja.
Web preglednik će tipično protumačiti simbol uglate zagrade kao početnu ili završnu oznaku. Ako to nije ono što namjeravate, to može uzrokovati pogreške na vašoj web stranici. Primjeri simbola koji zahtijevaju šifru entiteta uključuju:
- ampersand (
&) - Manje od (
<) - Veći od (
>) - Dupli navodnici (
") - Jednostruki navod (
')
Drugi simboli poput simboli autorskih prava i zaštitnih znakova ne zahtijevaju šifru entiteta, ali je ipak možete koristiti ako želite. Mogu biti neugodni za upisivanje ili čak nepodržani u vašem uređivaču teksta. Neki primjeri uključuju:
- Simbol autorskog prava (©)
- Simbol zaštitnog znaka (™)
- Simbol registriranog zaštitnog znaka (®)
Što su imenovani i numerički entiteti?
Svaki simbol možete predstaviti pomoću numeričkog koda entiteta, a najčešći i imenovanim entitetom. Evo nekoliko primjera:
Simbol |
Šifra imenovanog entiteta |
Brojčani kod entiteta |
ampersand |
& |
& |
Manje od |
< |
< |
Veći od |
> |
> |
Dupli navodnici |
" |
" |
Jednostruki citat |
' |
' |
Autorska prava |
© |
© |
Simbol zaštitnog znaka |
™ |
™ |
Simbol registriranog zaštitnog znaka |
® |
® |
Korištenje imenovanog ili numeričkog koda prikazat će odgovarajući simbol. Na primjer, korištenje "©" ili "©" prikazat će simbol autorskih prava.
Dodavanje emojija na vašu web stranicu
Također možete prikazati emojije pomoću koda entiteta. Svi emojiji imaju numerički kod entiteta u HTML-u, ali nemaju svi imenovani kod entiteta. Neki primjeri uključuju:
Simbol |
Brojčani kod entiteta |
Nasmiješeno lice (😃) |
😃 |
Nasmijano lice (😆) |
😆 |
Nasmiješeno lice s oreolom (😇) |
😇 |
Kako umetnuti simbole na web stranicu pomoću kodova entiteta
Možete umetnuti kodove entiteta u sadržaj svoje HTML stranice. Pregledavanje vaše web stranice u pregledniku pretvorit će kodove u odgovarajući simbol.
- U novoj HTML datoteci dodajte osnovnu strukturu za HTML web stranicu:
html>
<html>
<glavu>
<titula>Primjer simbola i entitetatitula>
<metaskup znakova="UTF-8">
glavu>
<tijelo>
tijelo>
html> - Unutar oznake body dodajte malo HTML sadržaja. Uključite imenovani ili numerički kod entiteta za simbol koji želite prikazati:
<h1>HTML simbolih1>
<str>Simbol autorskog prava: ©str>
<str>Simbol ampersand: &str>
<str>Simbol zaštitnog znaka: ™str>
<str>Nasmiješeno lice: 😃str> - Otvorite svoju HTML datoteku u web pregledniku da vidite odgovarajuće simbole:
Korištenje posebnih ili rezerviranih HTML simbola na vašoj web stranici
Sada kada znate kako dodati simbole svojoj HTML web-stranici, možete istražiti druge zanimljive sadržaje koje možete dodati kako biste svoju web-stranicu učinili privlačnijom.
