Elementele HTML pot avea atribute, care conțin informații suplimentare despre element.

Atributele HTML apar în general în perechi nume-valoare și merg mereu în eticheta de deschidere a unui element. Numele atributului spune ce tip de informații furnizați despre element, iar valoarea atributului este informația reală.

De exemplu, o ancoră (<a>) elementul dintr-un document HTML creează legături către alte pagini sau alte părți ale paginii. Folosești href atribut în deschidere <a> etichetă pentru a spune browserului unde linkul trimite un utilizator.

Iată un exemplu de link care trimite utilizatorii către pagina principală a Routech:

<a href="www.freecodecamp.org">Click here to go to Routech!</a>

Observați că numele atributului (href) și valoarea („www.Routech.org”) sunt separate cu un semn egal, iar ghilimelele înconjoară valoarea.

Există multe atribute HTML diferite, dar majoritatea funcționează numai pe anumite elemente HTML. De exemplu, href atributul nu va funcționa dacă este plasat într-o deschidere <h1> etichetă.

În exemplul de mai sus, valoarea furnizată href atributul ar putea fi orice legătură validă. Cu toate acestea, unele atribute au doar un set de opțiuni valide pe care le puteți utiliza sau valorile trebuie să fie într-un format specific. lang atributul îi spune browserului limba implicită a conținutului dintr-un element HTML. Valorile pentru lang atributul ar trebui să utilizeze limba standard sau codurile de țară, cum ar fi en pentru engleză sau it pentru italiană.

Atribute booleene

Unele atribute HTML nu au nevoie de o valoare, deoarece au o singură opțiune. Acestea se numesc atribute booleene. Prezența atributului într-o etichetă îl va aplica acelui element HTML. Cu toate acestea, este în regulă să scrieți numele atributului și să îl setați egal cu opțiunea valorii. În acest caz, valoarea este de obicei aceeași cu numele atributului.

De exemplu, <input> elementul dintr-o formă poate avea un required atribut. Pentru aceasta, utilizatorii trebuie să completeze acel articol înainte de a putea trimite formularul.

Iată exemple care fac același lucru:

<input type="text" required >
<input type="text" required="required" >

Puteți citi mai multe despre atributele , ,