Home » Articole » Articole » Calculatoare » Dezvoltarea web » HTML » Elemente HTML

Elemente HTML

postat în: HTML 0

După toate aceste experimente cu pagina noastră web de exemplu, este timpul să definim elementele mai formal. Elementele au trei componente principale:

  1. <name attribute1=“value1” attribute2=“value2”>
  2.   …(text sau alte elemente merg aici)…
  3. </name>
  • name: Identifică tipul elementului, cum ar fi elementul body sau em. Numele unui element poate fi majuscule, minuscule sau orice altceva. Literele mari facilitează diferențierea elementelor și a textului atunci când examinați sursa HTML, în timp ce literele mici sunt un stil mai modern și este mai ușor de tastat. Oricum ar fi, este o chestiune de gust: <BODY>, <body> și chiar <bODy> sunt toate același element.
  • attribute: Modifică comportamentul unui element. De exemplu, atributul style vă permite să modificați aspectul unui element și conținutul acestuia.
  • value: permite ca anumite atribute să varieze. De exemplu, background: yellow, atunci când este prezent în atributul style al unui element, schimbă fundalul elementului în galben.

Unele elemente nu necesită un element de închidere pentru a funcționa corect. De exemplu, elementul br creează o întrerupere de linie și nu ar trebui să includă nimic. Vom discuta despre br în continuare în „Pauze de paragraf”.

Unele elemente nu necesită atribute. În „Exemplu 1.6, Culoare de fundal”, elementul body avea un atribut style, dar elementul body funcționează bine și fără el. În schimb, elementul a, care creează un hyperlink, are un atribut href care definește destinația linkului. Dacă nu includeți atributul href, linkul nu va indica nicăieri.

Greșeli de ortografie și neînțelegeri

Foarte simplificat, un browser procesează o pagină HTML cam așa:

  • Identificați orice se află între paranteze unghiulare (< >) ca „element”
  • Stabiliți dacă browserul are instrucțiuni pentru utilizarea elementului:
    • Dacă da, elementul este real – urmați instrucțiunile
    • Dacă nu, elementul este gunoi – ignorați-l

Când un browser ignoră un element, înseamnă unul dintre două lucruri:

  • Elementul este scris greșit sau nu există. De exemplu, mxyzptlk nu este un element HTML.
  • Elementul înseamnă ceva, dar acel browser nu îl acceptă. De exemplu, elementul blink funcționează în Firefox, dar nu în Internet Explorer sau Safari.

Exemplul 1.7. Text intermitent

  1. Atenție: <blink>Doar pentru uz extern</blink>.
  2. Evită contactul cu ochii.

Dacă utilizați Firefox, textul dintre <blink></blink> ar trebui să clipească. Dacă utilizați Internet Explorer sau Safari, textul nu va clipi. Aceasta este de fapt o situație comună atunci când compuneți pagini web – un browser nu acceptă o anumită caracteristică sau o acceptă incorect.

Atenție: Majoritatea oamenilor consideră că elementul blink distrage și irită și, de fapt, blink nu face parte din standardul HTML oficial. De fapt, nu sunt conștient de nicio utilizare bună a lui blink  pe întregul Web.

O digresiune: Ce este o „etichetă”?

Veți auzi adesea că oamenii se referă la „etichete”, ca în „Etichetele de marcare spun browserului web cum să afișeze pagina”. Aproape întotdeauna, au vrut să spună „elemente”. Etichetele nu sunt elemente, ele definesc limitele unui element. Elementul p începe cu o etichetă <p> de deschidere și se termină cu o etichetă de închidere </p>, dar nu este o etichetă în sine.

  • Incorect: „Puteți crea un nou paragraf HTML cu o etichetă <p>!”
  • Corect: „Este o idee bună să închideți acea etichetă <p> deschisă.”

Uneori, veți auzi oamenii spunând „alt tag”, ceea ce este și mai rău. “alt tag” este într-adevăr un atribut alt. Acest atribut important oferă text alternativ pentru imagini, în cazul în care utilizatorul nu poate vedea imaginea din alt motiv. Vom vorbi mai multe despre acest atribut mai târziu.

Confuzia dintre elemente și etichete este oarecum de înțeles: este o greșeală comună chiar și în rândul profesioniștilor și, la urma urmei, ambele arată ca paranteze unghiulare. Dar atributele nu sunt etichete, nici măcar pe aproape. Dacă auziți pe cineva spunând „alt tag”, acesta este un indiciu cheie că vorbitorul nu înțelege HTML prea bine. (Probabil nu ar trebui să-l invitați la următoarea petrecere de aniversare.)

Sursa:  “The Pocket HTML Tutorial” Copyright 2022 de Evan Goer, licența CC BY 3.0. Traducere și adaptare de Nicolae Sfetcu

Software de afaceri
Ce este telelucrul (telemunca, telework)?

În ultimii ani, s-au dezvoltat rapid noi tehnologii informaționale și de comunicare, astfel încât în centrul dezbaterilor științifice, politice și economice din ultima perioadă a stat apariția și dezvoltarea Societății Informaționale, generatoare de noi oportunități de muncă dar și de … Citeşte mai mult

Nu a fost votat $0,00 Adaugă în coș
WordPress
Mutarea site-ului WordPress pe un alt server

Migrarea WordPress între două servere sau chiar de la un furnizor de găzduire la altul este o sarcină ușoară, dacă este efectuată corect. Un astfel de transfer se face în trei etape: transferul fișierelor, transferul bazei de date, și reconfigurarea … Citeşte mai mult

Nu a fost votat $0,00 Adaugă în coș
Software
Dezvoltarea agilă de software

Dezvoltarea agilă de software este un grup de metode de dezvoltare software în care cerinţele şi soluţii evoluează printr-o colaborare între echipe auto-organizate, inter-funcţionale. Aceasta promovează planificarea adaptivă, dezvoltare evolutivă, livrarea rapidă, îmbunătăţirea continuă, şi încurajează răspunsul rapid şi flexibil … Citeşte mai mult

Nu a fost votat $0,00 Adaugă în coș

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *