După toate aceste experimente cu pagina noastră web de exemplu, este timpul să definim elementele mai formal. Elementele au trei componente principale:
- <name attribute1=„value1” attribute2=„value2”…>
- …(text sau alte elemente merg aici)…
- </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
- Atenție: <blink>Doar pentru uz extern</blink>.
- 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
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
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
Teme WordPress
Fundamental, sistemul de teme WordPress este o modalitate de a personaliza aspectul blogului dumneavoastră. Cu toate acestea, este mai mult decât doar „aspect”. Aspectul site-ului presupune o schimbare doar vizuală. Temele WordPress pot oferi mult mai mult control asupra aspectului … Citeşte mai mult
Lasă un răspuns