Atribute HTML cu scurta descriere organizate alfabetic pentru a fi mai ușor de citit și de înțeles:
- Prezentare Atribute HTML cu Exemple ;
- Test Verificare Atribute HTML;
Lista alfabetica cu Atributele HTML: descriere a atributului, si tagul /tagurile sau eticheta(e) pentru care fiecare atribut este utilizat:
Atribut | Descriere | Folosit cu Tag Eticheta(e) |
---|---|---|
accept | Folosit doar cu elementul <input> . | <input> |
accept-charset | Definește codificarea caracterelor pentru trimiterea formularului. | <form> |
accesskey | Scurtătură tastatură pentru activarea/focalizarea elementelor specifice. | Diverse |
action | Specifică unde datele formularului sunt trimise după trimiterea acestuia. | <form> |
align | Specifică alinierea conținutului textului. | Depreciat |
alt | Afișează/ascunde ceva dacă atributul principal nu este afișat. | <img> , <area> |
async | Funcționează doar pentru scripturi externe (când src este prezent). | <script> |
autocomplete | Specifică dacă câmpul de introducere trebuie să fie autocompletat. | <input> |
autoplay | Audio/video ar trebui să înceapă automat redarea când se încarcă pagina. | <audio> , <video> |
autofocus | Elementul ar trebui să primească focalizarea la încărcarea paginii. | Diverse |
bgcolor | Setează culoarea de fundal a unui element HTML. | Depreciat |
border | Setează grosimea vizibilă a marginii pentru elemente în cadrul corpului. | Diverse |
charset | Definește codificarea caracterelor. | <meta> |
checked | Indică dacă elementul ar trebui să fie bifat la încărcarea paginii. | <input> |
cite | Specifică URL-ul documentului care explică citatele, mesajul sau textul. | <blockquote> , <q> |
class | Specifică unul sau mai multe nume de clase pentru un element HTML. | Diverse |
cols | Numărul de coloane pe care o celulă ar trebui să le ocupe. | <td> , <th> |
colspan | Numărul de coloane pe care o celulă ar trebui să le ocupe. | <td> , <th> |
content | Valorile legate de atributul http-equiv sau name . | <meta> |
contenteditable | Specifică dacă conținutul din element poate fi editat sau nu. | Diverse |
controls | Atribut boolean, nou în HTML5. | <audio> , <video> |
coords | Specifică coordonatele unei zone dintr-o hartă de imagini. | <area> |
data | Specifică URL-ul fișierului încorporat al obiectului. | <object> , <link> |
data-* | Atribut HTML5 pentru date personalizate. | Diverse |
datetime | Specifică data și ora textului inserat și șters. | <del> , <ins> |
default | Specifică că pista va fi activată dacă preferințele utilizatorului nu indică altfel. | <track> |
defer | Se execută când pagina a terminat de analizat. | <script> |
dir | Direcția textului din conținutul elementului. | Diverse |
dirname | Activează direcția textului câmpului de introducere și a câmpului Textarea după trimiterea formularului. | <input> , <textarea> |
disabled | Indică dacă elementul este dezactivat sau nu. | Diverse |
download | Descarcă elementul când utilizatorul face clic pe hyperlink. | <a> , <area> |
draggable | Specifică dacă elementul poate fi tras sau nu. | Diverse |
dropzone | Specifică cum se comportă datele trase când sunt plasate pe elementul respectiv. | Diverse |
enctype | Datele prezente în formular, codificate când sunt trimise la server. | <form> |
for | Folosit atât în elementul <label> cât și în elementul <output> . | <label> , <output> |
form | Elementul poate conține unul sau mai multe formulare. | Diverse |
formaction | Specifică unde sunt trimise datele formularului. Apelat după trimiterea formularului. | <button> , <input> |
headers | Specifică celulele de antet la care este legată o celulă din tabel. | <th> , <td> |
height | Specifică înălțimea elementului. | <img> , <canvas> , <iframe> |
hidden | Definește vizibilitatea elementelor. | Diverse |
high | Intervalul în care valoarea indicatoarelor este considerată mare. | <meter> |
href | Specifică URL-ul documentului. | <a> , <link> |
hreflang | Limba pentru documentul legat. | <a> , <link> |
http-equiv | Furnizează informații antet sau valoare pentru atributul content . | <meta> |
id | Folosit de CSS și JavaScript pentru sarcini specifice. | Diverse |
ismap | Atribut boolean pentru hărți de imagini. | <img> |
kind | Tipul de pistă (folosit în <track> ). | <track> |
label | Titlul Text Track, folosit de browser pentru listarea pistelor disponibile. | <track> |
lang | Specifică limba conținutului elementului. | Diverse |
list | Opțiuni predefinite pentru sugestii utilizatorului într-un element <input> . | <input> |
loop | Redă audio/video din nou și din nou după ce se termină. | <audio> , <video> |
low | Intervalul în care valoarea indicatoarelor este considerată mică. | <meter> |
max | Specifică valoarea maximă a unui element. | <input> , <meter> , <progress> |
maxlength | Numărul maxim de caractere din elementul <input> . | <input> , <textarea> |
media | Specifică media/dispozitivul pentru documentul legat. | <a> , <link> , <source> , <style> |
method | Metoda HTTP folosită pentru trimiterea datelor la trimiterea formularului. | <form> |
min | Specifică limita inferioară a măsurătorii. | <input> , <meter> , <progress> |
multiple | Permite selectarea mai multor valori într-un element. | <input> |
muted | Ieșirea audio a videoclipului este înfundată. | <video> |
name | Specifică numele elementului. | Diverse |
novalidate | Datele formularului nu trebuie validate la trimiterea acestuia. | <form> |
onblur | Eveniment când elementul își pierde focalizarea. | Diverse |
oncopy | Utilizatorul a copiat conținutul dintr-un element. | Diverse |
oncut | Utilizatorul a tăiat sau a șters conținutul dintr-un element. | Diverse |
onkeypress | Eveniment când utilizatorul apasă o tastă pe tastatură. | Diverse |
onmousedown | Ordinea evenimentelor legate de evenimentul onmousedown . | Diverse |
onscroll | Evenimentul funcționează când bara de derulare a unui element este derulată. | Diverse |
optimum | Valoarea numerică optimă pentru măsurătoare. | <meter> |
pattern | Indicație scurtă pentru valoarea așteptată a câmpului de introducere/zonei de text. | <input> |
placeholder | Indicație scurtă pentru valoarea așteptată a câmpului de introducere/zonei de text. | <input> , <textarea> |
readonly | Textul din elementul <input> sau <textarea> este doar pentru citire. | <input> , <textarea> |
required | Elementul de intrare trebuie completat înainte de trimiterea formularului. | Diverse |
reversed | Ordonează lista în ordine descrescătoare în loc de ordine crescătoare. | <ol> |
rows | Numărul de linii de text vizibile pentru control (rânduri de afișat). | <textarea> |
rowspan | Numărul de rânduri pe care o celulă ar trebui să le ocupe. | <td> , <th> |
selected | Specifică care opțiune este selectată implicit. | <option> |
size | Lățimea inițială pentru elementul de intrare și numărul de rânduri vizibile pentru elementul select. | <input> , <select> |
spellcheck | Se aplică formularelor HTML utilizând atributul spellcheck . | Diverse |
srclang | Specifică limba textului pistei. | <track> |
start | Valoarea de început pentru numerotarea elementelor individuale din listă. | <ol> |
step | Setează pasul discret al elementului <input> . | <input> |
style | Trei modalități de implementare a stilului în HTML. | Diverse |
tabindex | Navigație folosind butonul Tab. | Diverse |
target | Specifică unde ar trebui să se deschidă documentul legat. | <a> , <form> , <base> , <area> |
title | Specifică informații suplimentare despre element. | Diverse |
translate | Specifică dacă conținutul unui element este tradus sau nu. | <body> |
value | Specifică valoarea elementului cu care este utilizat. | Diverse |
wrap | Specifică încadrarea textului într-o zonă de text la trimiterea unui formular. | <textarea> |
Vă rugăm să rețineți că coloana "Folosit cu Tagul / Eticheta(e)" furnizează informații generale despre etichetele cu care un atribut este în mod obișnuit utilizat. Lista s-ar putea să nu fie exhaustivă, deoarece unele atribute pot fi folosite uneori cu alte taguri / etichete.