Atribute în HTML

Atributele HTML modifică comportamentul unui element. Atributele vă permit să schimbați dimensiunile, culorile, să specificați locațiile linkurilor și multe altele. Au două componente principale:

1. <name attribute1=„value1” attribute2=„value2” …>
2.   …(text or more elements go here)…
3. </name>




• attribute: Definește atributul pe care îl utilizați. Ca și în cazul elementelor, majusculele sunt irelevante pentru numele atributului. SSTYLE, style, și sTyLE fac toate același lucru.
• value: Selectează un anumit tip de comportament pentru atribut. Cazul contează uneori pentru valorile din interiorul atributului, așa că fiți atenți aici.

„Schimbarea culorii de fundal” include un exemplu de utilizare a atributului style pentru a controla culoarea de fundal a întregii pagini web. Iată un al doilea exemplu, atributul href :

Exemplul 1.8. Un link către The New York Times

1. <a href=„http://www.nytimes.com”>go to nytimes.com!</a>  

Elementul a (sau elementul „ancoră”) creează un link către o altă pagină web. Atributul href specifică locația, pe care o setăm la valoarea http://www.nytimes.com. Dacă vedeți rezultatele și selectați linkul „go to nytimes.com!”, veți merge într-adevăr la New York Times.

Notă: Atributele style și href sunt lucruri foarte diferite. Atributul style este opțional și poate fi aplicat aproape oricărui element HTML din body. Atributul href este esențial pentru specificarea unei locații de link și se aplică numai unui set restrâns de elemente.

Proprietățile atributelor

Atributele respectă aceste reguli:

• Elementele pot avea mai multe atribute. Ordinea atributelor este irelevantă.
• Fiecare element are o listă de atribute permise. Unele atribute pot fi atribuite majorității (sau chiar tuturor) elementelor. Dar, în general, nu puteți adăuga liber niciun atribut la niciun element.
• Spațiul alb dintre atribute este irelevant. Puteți introduce spații libere, tab-uri sau chiar returnări de rând între atribute, atâta timp cât nu uitați paranteza unghiulară de închidere de la sfârșitul elementului (>). De exemplu:

1. <a href=„http://www.gutenberg.org”  
2.   style=„background: yellow”  
3.   >Books in the public domain</a>  

este perfect acceptabil. Pentru elementele cu multe atribute, adăugarea de spații albe poate face uneori codul mai ușor de citit.

Deși literele mari și mici sunt irelevante pentru numele atributelor, litera poate fi importantă pentru valorile atributelor. De exemplu,

1. <a href=„http://www.cnn.com/index.html”>Go to CNN</a>  

creează un link care vă duce la pagina de pornire CNN.com, în timp ce

1. <a href=„HTTP://WWW.CNN.COM/INDEX.HTML”>Go to CNN</a>  

este o legătură ruptă.

• Este o bună practică să citați valorile atributelor, deși adesea acest lucru este opțional. Adică, href=http://www.yahoo.com este același cu href="http://www.yahoo.com". Dacă valoarea atributului conține un caracter special, cum ar fi un spațiu sau o paranteză unghiulară (< >), trebuie să utilizați ghilimele, sau browserul va interpreta caracterul special ca sfârșit al atributului sau elementului.

Atenție: Aveți grijă să închideți toate ghilimele deschise pe care le începeți. În caz contrar, valoarea atributului dvs. va „continua” până la următorul semn de ghilimele, ceea ce vă va deranja pagina.

Ca și în cazul elementelor, browserele încearcă să ignore atributele incorecte. Atributele scrise greșit și valorile atributelor, cum ar fi hhref și backgrounde: yellow, nu au niciun efect.
background greșit ortografic înseamnă că fundalul nu va deveni galben. href de ortografie greșită înseamnă că linkul dvs. nu va funcționa. Cu toate acestea, dacă scrieți greșit http://www.yahoo.com, linkul dvs. va funcționa, dar nu vă va duce la locul potrivit.

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