Aquí os dejo un poster muy bonito que contiene todas etiquetas que se pueden utilizar con el HTML5. Espero que os aclare las cosas:

Hoy toca un post para los que estén empezando en el mundo de la maquetación y desarrollo web.
Si os habéis adentrado en el código de diferentes páginas web (cosa siempre recomendable) os habréis dado cuenta que a veces se utilizan atributos id y en otros casos class de la siguiente forma:

<div id=”nombre”></div>

<div class=”nombre”></div>

Y por ello nos surge la siguiente duda: ¿Qué diferencias hay entre class e id?

• Los id’s se referencian con el prefijo “#” y las clases con “.”.
• Un id debe ser único y una clase puede ser referenciada por muchos elementos.
• Un elemento puede tener 2 o más clases, pero sólo un id.

Notas:

• Referencia de un id #nombreDelID { background: #ff80c0 }
• Referencia de un class .nombreDelClass { background: #ff80c0 }