Unele simboluri sunt greu de tastat, iar altele sunt, din punct de vedere tehnic, interzise. Aflați care este care și cum să stăpâniți caracterele în HTML.
Pot exista momente când trebuie să utilizați un caracter special pe site-ul dvs. web, cum ar fi simbolul ampersand. Cu toate acestea, nu puteți introduce pur și simplu „&” în codul HTML, deoarece acesta este un simbol HTML rezervat.
În schimb, puteți utiliza entități HTML sau coduri speciale pentru a reprezenta aceste caractere. Acest lucru vă permite să adăugați simboluri la pagina dvs. web fără a interfera cu codul HTML real.
Ce sunt simbolurile în HTML?
Când construirea unui site web HTML, veți folosi o serie de simboluri pentru punctuație. Deși puteți adăuga majoritatea caracterelor direct pe pagina dvs., unele au o semnificație specială sau sunt dificil de tastat. De exemplu, HTML folosește simboluri precum paranteze unghiulare (< și >), ampersand (&) și ghilimele (" și ") pentru a reprezenta structura conținutului dvs.
Un browser web va interpreta, de obicei, simbolul parantezei unghiulare ca o etichetă de deschidere sau de închidere. Dacă nu este ceea ce intenționați, poate cauza erori în pagina dvs. web. Exemple de simboluri care necesită un cod de entitate includ:
- Ampersand (
&) - Mai puțin decât (
<) - Mai mare ca (
>) - Citat dublu (
") - ghilimele simple (
')
Alte simboluri, cum ar fi simboluri de drepturi de autor și mărci comerciale nu necesită un cod de entitate, dar puteți utiliza în continuare unul dacă preferați. Acestea pot fi dificil de tastat sau chiar neacceptate în editorul dvs. de text. Câteva exemple includ:
- Simbolul dreptului de autor (©)
- Simbolul mărcii comerciale (™)
- Simbolul mărcii înregistrate (®)
Ce sunt entitățile denumite și numerice?
Puteți reprezenta fiecare simbol folosind un cod numeric de entitate și cel mai frecvent cu o entitate numită. Aici sunt cateva exemple:
Simbol |
Cod de entitate numită |
Cod de entitate numerică |
Ampersand |
& |
& |
Mai puțin decât |
< |
< |
Mai mare ca |
> |
> |
Citat dublu |
" |
" |
Un singur citat |
' |
' |
Drepturi de autor |
© |
© |
Simbolul mărcii comerciale |
™ |
™ |
Simbol de marcă înregistrată |
® |
® |
Folosind codul denumit sau numeric, se va afișa simbolul corespunzător. De exemplu, folosind fie „©” fie „©” se va afișa simbolul dreptului de autor.
Adăugarea de emoji pe pagina dvs. web
De asemenea, puteți afișa emoji-uri folosind un cod de entitate. Toate emoji-urile au un cod de entitate numeric în HTML, dar nu toate au un cod de entitate numit. Câteva exemple includ:
Simbol |
Cod de entitate numerică |
Față zâmbitoare (😃) |
😃 |
Față care râde (😆) |
😆 |
Față zâmbitoare cu Halo (😇) |
😇 |
Cum să inserați simboluri într-o pagină web folosind coduri de entitate
Puteți insera coduri de entitate în conținutul paginii dvs. HTML. Vizualizarea paginii dvs. web într-un browser va converti codurile în simbolul corespunzător.
- Într-un fișier HTML nou, adăugați structura de bază pentru o pagină web HTML:
html>
<html>
<cap>
<titlu>Exemplu de simbol și entitatetitlu>
<metaset de caractere=„UTF-8”>
cap>
<corp>
corp>
html> - În interiorul etichetei body, adăugați conținut HTML. Includeți fie codul de entitate numită, fie codul numeric pentru simbolul pe care doriți să-l afișați:
<h1>Simboluri HTMLh1>
<p>Simbolul dreptului de autor: ©p>
<p>Simbol ampersand: &p>
<p>Simbolul mărcii comerciale: ™p>
<p>Fata zambitoare: 😃p> - Deschideți fișierul HTML într-un browser web pentru a vedea simbolurile corespunzătoare:
Utilizarea simbolurilor HTML speciale sau rezervate pe site-ul dvs. web
Acum că știți cum să adăugați simboluri la pagina dvs. web HTML, puteți explora alte conținuturi interesante pe care le puteți adăuga pentru a face site-ul dvs. mai captivant.
