Perdón por la tardanza con la respuesta de tu 2ª pregunta.
Me refiero a que no uses, por ejemplo, el atributo border de <img>, en este caso, border="2" es un atributo que especifica cómo se verá tu documento, lo mejor es usar img {border: 2px solid black;}. Del mismo modo, no uses bgcolor, ni color, ni otros atributos que puedes asignar con css.
Lo de meta-data se refiere a la información adicional acerca del tag que no impacta la manera en que se ve la página, pero que es bueno dar al “user-agent” para que sepa más del tag; por ejemplo, el mismo atributo class que mencionaste, o lang, o rel, o rev, etc. Atributos que no son necesarios para que tu código sea válido, pero que dan más significado y sentido a tus documentos cuando son interpretados por otras aplicaciones.
Designa tus stylesheets en un archivo aparte (i.e. tu_stylesheet.css) y linkea con <link> o con @import. Para que tu css se quede en el cache del navegador.
Espero que esto haya aclarado tus dudas.