Mõned sümbolid on raskesti sisestatavad ja teised on tehniliselt keelatud. Uurige, milline on kumb ja kuidas HTML-i tähemärke hallata.
Võib juhtuda, et peate oma veebisaidil kasutama erimärki, näiteks ampersandi sümbolit. Siiski ei saa te lihtsalt oma HTML-koodi sisestada "&", kuna see on reserveeritud HTML-i sümbol.
Selle asemel saate nende märkide esitamiseks kasutada HTML-i üksusi või erikoode. See võimaldab teil lisada oma veebilehele sümboleid ilma tegelikku HTML-koodi segamata.
Mis on sümbolid HTML-is?
Millal HTML-i veebisaidi loomine, kasutate kirjavahemärkideks erinevaid sümboleid. Kuigi saate enamiku tähemärke otse oma lehele lisada, on mõnel eriline tähendus või neid on raske sisestada. Näiteks HTML kasutab teie sisu struktuuri tähistamiseks selliseid sümboleid nagu nurksulud (< ja >), ampersandid (&) ja jutumärgid (" ja ").
Veebibrauser tõlgendab nurksulu sümbolit tavaliselt avamise või sulgemise märgendina. Kui te seda ei kavatse, võib see teie veebilehel tõrkeid põhjustada. Olemi koodi nõudvate sümbolite näited on järgmised:
- Ampersand (
&) - Vähem kui (
<) - Suurem kui (
>) - Topelttsitaat (
") - Üks tsitaat (
')
Muud sümbolid, näiteks autoriõiguse ja kaubamärgi sümbolid ei nõua olemi koodi, kuid soovi korral saate seda siiski kasutada. Neid võib olla ebamugav tippida või tekstiredaktoris neid isegi ei toetata. Mõned näited hõlmavad järgmist:
- Autoriõiguse sümbol (©)
- Kaubamärgi sümbol (™)
- Registreeritud kaubamärgi sümbol (®)
Mis on nimelised ja numbrilised olemid?
Iga sümbolit saate esitada numbrilise olemi koodi abil ja kõige tavalisemat ka nimega olemiga. siin on mõned näidised:
Sümbol |
Nimega üksuse kood |
Numbriline olemi kood |
Ampersand |
& |
& |
Vähem kui |
< |
< |
Suurem kui |
> |
> |
Topelttsitaat |
" |
" |
Üksik tsitaat |
' |
' |
Autoriõigus |
© |
© |
Kaubamärgi sümbol |
™ |
™ |
Registreeritud kaubamärgi sümbol |
® |
® |
Nime- või numbrikoodi kasutamisel kuvatakse vastav sümbol. Näiteks "©" või "©" kasutamisel kuvatakse autoriõiguse sümbol.
Emotikonide lisamine oma veebisaidile
Emotikone saate kuvada ka olemi koodi abil. Kõigil emotikonidel on HTML-is numbriline olemi kood, kuid kõigil neil ei ole nimelist olemi koodi. Mõned näited hõlmavad järgmist:
Sümbol |
Numbriline olemi kood |
Naeratav nägu (😃) |
😃 |
Naerev nägu (😆) |
😆 |
Naeratav nägu haloga (😇) |
😇 |
Kuidas sisestada veebilehele sümboleid olemikoodide abil
Saate sisestada olemi koode oma HTML-lehe sisusse. Veebilehe vaatamine brauseris teisendab koodid vastavateks sümboliteks.
- Lisage uude HTML-faili HTML-veebilehe põhistruktuur:
html>
<html>
<pea>
<pealkiri>Sümboli ja olemi näidepealkiri>
<metamärgistik="UTF-8">
pea>
<keha>
keha>
html> - Lisage kehasildi sisse veidi HTML-i sisu. Lisage kuvatava sümboli nimeline või numbriline olemi kood:
<h1>HTML sümbolidh1>
<lk>Autoriõiguse sümbol: ©lk>
<lk>Ampersandi sümbol: &lk>
<lk>Kaubamärgi sümbol: ™lk>
<lk>Naeratav nägu: 😃lk> - Vastavate sümbolite vaatamiseks avage oma HTML-fail veebibrauseris:
Spetsiaalsete või reserveeritud HTML-i sümbolite kasutamine veebisaidil
Nüüd, kui teate, kuidas oma HTML-i veebilehele sümboleid lisada, saate uurida muud huvitavat sisu, mida saate oma veebisaidi köitvamaks muutmiseks lisada.