Nekatere simbole je težko vtipkati, drugi pa so tehnično prepovedani. Ugotovite, kateri je kateri in kako obvladati znake v HTML.
Včasih boste morali na svojem spletnem mestu uporabiti poseben znak, na primer znak &. Vendar ne morete preprosto vnesti "&" v kodo HTML, saj je to rezerviran simbol HTML.
Namesto tega lahko uporabite entitete HTML ali posebne kode za predstavitev teh znakov. To vam omogoča dodajanje simbolov na vašo spletno stran brez poseganja v dejansko kodo HTML.
Kaj so simboli v HTML?
Kdaj izdelava spletne strani HTML, boste za ločila uporabili vrsto simbolov. Čeprav lahko večino znakov dodate neposredno na svojo stran, imajo nekateri poseben pomen ali pa jih je težko vnesti. HTML na primer uporablja simbole, kot so oglati oklepaji (< in >), znaki & (&) in narekovaji (" in '), da predstavljajo strukturo vaše vsebine.
Spletni brskalnik si simbol oglatih oklepajev običajno razlaga kot začetno ali končno oznako. Če to ni tisto, kar nameravate, lahko povzroči napake na vaši spletni strani. Primeri simbolov, ki zahtevajo kodo entitete, vključujejo:
- ampersand (
&) - Manj kot (
<) - Večji kot (
>) - dvojni narekovaj (
") - Enojni narekovaj (
')
Drugi simboli, kot je simboli avtorskih pravic in blagovnih znamk ne zahtevajo kode entitete, vendar jo lahko vseeno uporabite, če želite. Morda jih je nerodno tipkati ali jih vaš urejevalnik besedil celo ne podpira. Nekateri primeri vključujejo:
- Simbol avtorskih pravic (©)
- Simbol blagovne znamke (™)
- Simbol registrirane blagovne znamke (®)
Kaj so imenovane in številske entitete?
Vsak simbol lahko predstavite z uporabo številske kode entitete, najpogostejši pa tudi z imenovano entiteto. Tukaj je nekaj primerov:
Simbol |
Koda imenovane entitete |
Številčna koda entitete |
Ampersand |
& |
& |
Manj kot |
< |
< |
Večji kot |
> |
> |
Dvojni narekovaj |
" |
" |
Enojni narekovaj |
' |
' |
avtorske pravice |
© |
© |
Simbol blagovne znamke |
™ |
™ |
Simbol registrirane blagovne znamke |
® |
® |
Če uporabite imenovano ali številčno kodo, se prikaže ustrezen simbol. Če na primer uporabite »©« ali »©«, se prikaže simbol avtorskih pravic.
Dodajanje emojijev na vašo spletno stran
Emojije lahko prikažete tudi s kodo entitete. Vsi emojiji imajo številčno kodo entitete v HTML-ju, vendar nimajo vsi poimenovane kode entitete. Nekateri primeri vključujejo:
Simbol |
Številčna koda entitete |
Nasmejan obraz (😃) |
😃 |
Smejoči obraz (😆) |
😆 |
Nasmejani obraz s svetilko (😇) |
😇 |
Kako vstaviti simbole na spletno stran z uporabo kod entitet
V vsebino strani HTML lahko vstavite kode entitet. Ogled vaše spletne strani v brskalniku bo pretvoril kode v ustrezne simbole.
- V novo datoteko HTML dodajte osnovno strukturo za spletno stran HTML:
html>
<html>
<glavo>
<naslov>Primer simbola in entitetenaslov>
<metanabor znakov="UTF-8">
glavo>
<telo>
telo>
html> - Znotraj oznake body dodajte nekaj vsebine HTML. Vključite poimenovano ali številčno kodo entitete za simbol, ki ga želite prikazati:
<h1>Simboli HTMLh1>
<str>Simbol avtorskih pravic: ©str>
<str>Simbol ampersand: &str>
<str>Simbol blagovne znamke: ™str>
<str>Nasmejan obraz: 😃str> - Odprite datoteko HTML v spletnem brskalniku, da si ogledate ustrezne simbole:
Uporaba posebnih ali rezerviranih simbolov HTML na vaši spletni strani
Zdaj, ko veste, kako dodati simbole svoji spletni strani HTML, lahko raziščete drugo zanimivo vsebino, ki jo lahko dodate, da bo vaše spletno mesto bolj privlačno.
