Los atributos tienen la sintaxis key=»value»:
<p class="a-class">Un párrafo de texto</p>
También puedes usar comillas simples, pero usar comillas dobles en HTML es una buena convención.
Podemos tener muchos de ellos:
<p class="a-class" id="an-id">Un párrafo de texto</p>
Y algunos atributos son booleanos, lo que significa que solo necesitas la clave, por ejemplo, mira el atributo defer en la etiqueta script:
<script defer src="archivo.js"></script>
Los atributos class e id son dos de los más comunes que encontrarás.
Tienen un significado especial y son útiles tanto en CSS como en JavaScript.
La diferencia entre los dos es que un id es único en el contexto de una página web; no se puede duplicar.
Las clases, por otro lado, pueden aparecer varias veces en múltiples elementos.
Además, un id es solo un valor. La clase puede contener varios valores, separados por un espacio:
<p class="a-class otra-clase"> Un párrafo de texto </p>
Es común usar el guion – para separar palabras en un valor de clase, pero es solo una convención.
Esos son solo dos de los posibles atributos que puedes tener.
Algunos atributos se usan solo para una etiqueta, altamente especializados. Otros tienen aplicaciones más amplias, como id y class que acabas de ver.
