Introducció
Totes les etiquetes en HTML accepten la possibilitat d'incloure atributs. Alguns atributs són específics d'algunes etiquetes mentre que d'altres atributs es poden utilitzar en qualsevol etiqueta. Així, per exemple, l'etiqueta img ens permet visualitzar una imatge en el navegador. Per a especificar l'ubicació de la imatge utilitzem l'atribut src : es tracta d'un atribut específic a aquesta etiqueta. En canvi, per exemple, podem utilitzar l'atribut id en qualsevol etiqueta per a identificar una determinada etiqueta dins el document. En aquest cas, l'atribut id és un atribut global a totes les etiquetes.
En aquest document es revisaran alguns dels atributs globals. Per a obtenir una llista completa podeu accedir a l'adreça: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes
Atributs en HTML
Totes les normes aplicables als atributs en XML ho són també per a HTML, amb una única excepció: en HTML no tots els atributs tenen un valor associat. Així, per exemple, l'atribut reversed que ens permet ordenar de forma inversa una llista, no té associat cap valor.
<!DOCTYPE html>
<html lang="en">
<head>
<title>....</title>
<meta charset="utf-8">
</head>
<body>
<h1>....</h1>
<ol reversed>...</ol>
</body>
</html>
Atributs globals en HTML
Els atributs globals en HTML són aquells que són aplicables a qualsevol etiqueta. A continuació s'explica la funció dels atributs globals més habituals en HTML.
Atribut class
L'atribut class ens permet classificar el contingut de la nostra plana web atorgant significat a les nostres etiquetes. L'atribut class permet varis valors per una mateixa etiqueta: cal separar cada un dels valors amb un espai.
Exemple ( class )
<!DOCTYPE html>
<html lang="en">
<head>
<title>....</title>
<meta charset="utf-8">
</head>
<body>
<h1>Clint Eastwood</h1>
<!-- ... -->
</body>
</html>
En el codi anterior el sistema sap que hi ha un títol 1, però no sap quin és el significat de l'element. En canvi, en el següent codi, és fàcil que el sistema sàpiga que es tracta d'una informació relacionada amb un "Actor" i "Director": observeu l'espai que hi ha entre els dos valors de l'atribut.
<!DOCTYPE html>
<html lang="en">
<head>
<title>....</title>
<meta charset="utf-8">
</head>
<body>
<h1 class="Actor Director">Clint Eastwood</h1>
<!-- ... -->
</body>
</html>
Atribut id
L'atribut id és un atribut que ens permet identificar a qualsevol etiqueta que hi hagi en un document HTML. L'atribut id sempre ha de tenir associat un valor. A més, no poden haver-hi dos atributs id amb el mateix valor assignat en un mateix document HTML.
Atribut lang
L'atribut lang ens permet indicar quin és l'idioma de la pàgina web. Així, per exemple, en els diferents codis d'exemples observem com l'etiqueta html sempre inclou l'especificació del llenguatge que s'està utilitzant.
<!DOCTYPE html>
<html lang="en">
<!-- ... -->
</html>
L'atribut lang ens permet tenir una plana web on hi hagi diferents llenguatges. Per exemple,
<!DOCTYPE html>
<html lang="en">
<head>
<title>....</title>
<meta charset="utf-8">
</head>
<body>
<!-- English - Declared in html tag -->
<h1>Instructions</h1>
<p>The product ...</p>
<!-- Català - declarat a cada una de les etiquetes -->
<h1 lang="ca">Instruccions</h1>
<p lang="ca">El producte ...</p>
</body>
</html>