Atributele comune pot fi utilizate în majoritatea tag-urilor HTML. Ele cuprind atribute Core, atribute I18n (internaţionalizate) şi atribute Event.

Atributele Core

id

Identifică un element unic. Valoarea de identitate putea fi utilizată de către CSS ca element de referinţă. El poate fi de asemenea folosit de limbaje de script pentru elementul de referinţă. Link-urile se poat face direct la un element cu o identitate specifică. Valoarea atributului id trebuie să fie unică.

Dacă aveţi HTML-ul aşa:

<p id=”jeleu” >Bla bla bla bla</p>

Puteţi folosi CSS:

#jeleu { background-color: red; }

Sau link la acel alineat, folosind următorul cod HTML:

<a href="#jelly">Jelly</a>

class

Folosit pentru elemente de referinţă cu CSS. Toate elementele pot avea aceeaşi valoare (nu ca în cazul id)

Dacă aveţi cod HTML:

<p>Plantele erau <span class=”muguri” >verzi</span>, foarte, foarte <strong class=”muguri” >verzi</strong>.</p>

Puteţi folosi CSS:

.muguri { color: green; }

title

Adaugă un titlu unui element. Multe browsere vor afişa valoarea acestui atribut atunci când elementul este selectat sau este in focus.

style

Aplică stil unui element. Valoarea ar trebui să fie cod CSS şi folosit ceva de genul:

<p style=”background-color: blue; color: green;” >Text verde pe fundal albastru.<p>

Notă: Stilul atribut este învechit pentru cea mai recentă versiune de HTML şi ar trebui  foloit CSS-ul încorporat sau extern .

Atributele I18n

dir

Specifică direcţia conţinutului. Valorile pot fi ltr (de la stânga la dreapta) sau rtl (dreapta spre stanga).

xml:lang

Specifică limba unui element. Valorile pot fi de abrevieri, cum ar fi en (limba engleză), fr (franceză) sau de (germană).

Atributele Event

Valoarea acestor atribute este cod JavaScript. Aceasta este o singură linie scurtă sau o funcţie de apel.

onclick

JavaScript-ul valorii este executat atunci când un dispozitiv de indicare (sageată mouse) este folosit pentru a “clica” pe element.

ondblclick

JavaScriptul valorii este executat atunci când un dispozitiv de indicare este folosit pentru a “clica dublu” pe element.

onmousedown

JavaScriptul valorii este executat atunci când butonul de pe un dispozitiv de indicare este apăsat (click) timp în care cursorul trece peste element.

onmouseup

JavaScript-ul valorii este executat atunci când butonul dispozitivului de indicare se eliberează în timp ce cursorul trece peste element.

onmouseover

JavaScript-ul valorii este executat atunci când cursorul este mutat pe un element.

onmousemove

JavaScript-ul valorii este executat atunci când cursorul este mutat de pe un element.

onmouseout

JavaScript-ul valorii este executat atunci când cursorul este mutat în afara unui element.

onkeypress

JavaScript-ul valorii este executat, atunci când un element este în prim-plan şi o tastă pe tastatură este apăsată şi eliberată.

onkeydown

JavaScript-ul valorii este executat, atunci când un element este în prim-plan şi o tastă pe tastatură este apăsată.

onkeyup

JavaScript-ul valorii este executat, atunci când un element este în prim-plan şi o tastă pe tastatură este eliberată.

Notă: acestea nu sunt singurele atribute Event; există şi altele mai specifice pentru anumite tag-uri care nu sunt clasificate ca “atribute comune”.