Ce este un tag HTML versus un element HTML?

Există o diferență între acești doi termeni

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 expresii care sunt noi pentru tine, dar care sunt fluxurile limbilor 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 eticheta

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.

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 cuvânt sau un caracter care determină ce etichetă este scrisă
• Orice număr de atribute HTML opționale sub forma unei perechi name = "value"
• Și în cele din urmă un semn mai mare decât cel>

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:

• Aceste exemple includ toate atributele care au fost adăugate la etichetele de deschidere 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"

    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ției HTML W3C , un element este blocul de bază al HTML-ului și este compus, în mod obișnuit, 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 - . Etichetele de închidere sunt într-adevăr doar eticheta de deschidere repetată, dar cu o "slash-ul înainte" adăugat imediat după "mai puțin decât simbolul".

    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 se numesc "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 în pagina dvs., ați folosi eticheta b
    .

    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, când mă refer la un element HTML sau o etichetă, voi folosi termenul "element" pentru a indica că mă refer la toate părțile elementului (atât etichetele de deschidere, cât și cele de închidere). Eu folosesc "eticheta" este eu într-adevăr o referință numai unul sau altul. Aceasta este folosirea corectă a acestor doi termeni și vă încurajez să le folosiți în mod corespunzător - dar știți că dacă le alunecați și le schimbați puțin, veți fi înțeles de noii dvs. parteneri de dezvoltare web!

    Articolul original de Jennifer Krynin. Editat de Jeremy Girard pe 7/21/17