Web design-ul, ca orice industrie sau profesie, are o limbă proprie. Pe măsură ce intri în industrie și începi să vorbești cu colegii tăi, vei intra, fără îndoială, într-o grămadă de termeni și fraze care sunt noi pentru tine, dar care curg din limbile celorlalți profesioniști web. Doi dintre termenii pe care îi veți auzi sunt HTML "tag" și "element".
Pe măsură ce auziți acești doi termeni vorbiți, vă puteți da seama că sunt folosiți oarecum interschimbabil. Ca atare, o întrebare pe care mulți profesioniști noi web o au atunci când încep să lucreze cu cod HTML este "care este diferența dintre o etichetă HTML și un element HTML?"
În timp ce acești doi termeni sunt în sensul similar, ei nu sunt sinonime. Deci, care este similitudinea cu acești doi termeni? Răspunsul scurt este că atât etichetele, cât și elementele se referă la marcajul utilizat pentru a scrie HTML. De exemplu, ați putea spune că utilizați
etichetă pentru a defini un paragraf sau elementul pentru a crea legături. Mulți oameni folosesc termenul de etichetă și elementul interschimbabil, iar orice web designer sau dezvoltator cu care vorbiți ar înțelege ce ați vrut să înțelegeți, dar realitatea este că există o mică diferență între cei doi termeni.
Etichete HTML
HTML este un limbaj de marcare, ceea ce înseamnă că este scris cu coduri care pot fi citite de o persoană fără a fi nevoie să fie compilată mai întâi. Cu alte cuvinte, textul de pe o pagină web este "marcat" cu aceste coduri pentru a da instrucțiunilor browserului web despre modul de afișare a textului. Aceste etichete de marcare sunt ele însele elementele HTML.
Când scrieți HTML, scrieți etichete HTML. Toate etichetele HTML sunt alcătuite din mai multe părți specifice, printre care:
- Un semn mai puțin decât un semn
<
- Un cuvânt sau un caracter care determină ce etichetă este scrisă
- Orice număr de atribute HTML opționale sub forma unui a
name = "valoare" pereche
- Și, în final, un semn mai mare decât un semn
>
De exemplu, aici sunt câteva etichete HTML:
Acestea sunt toate etichetele de deschidere HTML, fără a fi adăugate atribute opționale. Aceste etichete reprezintă:
-
- definește un paragraf
-
- definește pagina ca HTML
-
- definește o diviziune
Următoarele sunt, de asemenea, etichete HTML:
-
-
-
- este o listă neordonată care include un atribut ID
- Diviziunea are un atribut de clasă
- Elementul de ancorare sau element de legătură include atributul "href"
- Eticheta de imagine cu un atribut "src"
Aceste exemple includ toate atributele care au fost adăugate la etichetele de deschidere HTML.
Pentru etichetele de ancoră și imagine, atributele nu sunt de fapt opționale, sunt necesare pentru afișarea corectă a acestor etichete. Trebuie să spuneți unde să mergeți (ceea ce face "href") și imaginea ce trebuie afișată (ceea ce oferă atributul "src").
Ce sunt elementele HTML?
Conform specificațiilor W3C HTML, un element este blocul de bază al HTML și este de obicei compus din două etichete : o etichetă de deschidere și o etichetă de închidere. Până acum, am analizat doar etichetele de deschidere, care inițiază elementele. Pentru a termina acel element, scrieți etichetele corespunzătoare de închidere.
De exemplu, pentru elementul de paragraf scrieți acest lucru:
Acesta este alcătuit din eticheta de deschidere pe care am văzut-o acum un moment, precum și eticheta de închidere - Aproape toate elementele HTML au o etichetă de deschidere și o etichetă de închidere. Aceste etichete înconjoară textul care se va afișa pe pagina web. De exemplu, pentru a scrie un paragraf de text, scrieți textul pe care doriți să-l afișați pe pagină și apoi îl înconjurați cu următoarele etichete: Aici veți scrie textul paragrafului pe care doriți să-l afișați pe pagina web. Unele elemente HTML nu au o etichetă de închidere. Acestea sunt numite "elemente goale". Uneori, ele sunt denumite și elemente "singleton" sau "void". Elementele goale sunt ușor de utilizat, deoarece trebuie să includeți doar o etichetă în pagina web și browserul va ști ce să facă. De exemplu, pentru a adăuga o singură pauză de linie la pagina dvs., veți utiliza Un alt element comun care include doar o etichetă de deschidere este elementul "imagine". De exemplu: Am văzut acest exemplu mai devreme, dar nu există nici o etichetă de închidere pentru acest element de imagine. Browserul ar înlocui pur și simplu acest cod cu imaginea care face referire în atributul "href". În acest caz, ar fi "logo.png". În general, atunci când ne referim la un element HTML sau o etichetă, vom folosi termenul "element" pentru a indica faptul că ne referim la toate părțile elementului (atât etichetele de deschidere, cât și cele de închidere). Utilizăm doar "etichetă" atunci când trimitem numai una sau cealaltă. Aceasta este folosirea corectă a acestor doi termeni și vă încurajăm să le folosiți în mod corespunzător, dar doar să știți că, dacă le alunecați și le schimbați puțin, veți fi în continuare înțeles de noii dvs. colegi de dezvoltare web!
etichetă.
