¿Cuáles son los diferentes ‘componentes’ para HTML5 y css3?

Mozilla Developer Network es el mejor recurso general para aprender estándares web.

Incluye referencias útiles:

Referencia de elemento HTML

Además de tutoriales de alta calidad:

CSS

Simplemente vaya a la página de inicio de MDN, seleccione la tecnología web que le interesa y baje la lista de enlaces. Obtendrá una comprensión mucho más profunda y más completa de estos temas que si recurre a recursos de segunda categoría como W3Schools.

No hay mucho que aprender en términos de marcado HTML5. Si incorpora las API de JavaScript (Canvas, WebGL, Web Sockets, WebRTC, etc.), entonces hay más para aprender. MDN cubrirá todo esto si busca en las API web y la tecnología web para las secciones de desarrolladores (primero debe seguir los tutoriales de JS).

Índice de API HTML 5 JavaScript y 10 API HTML5 que vale la pena mirar para resaltar algunas API JavaScript HTML5 populares o interesantes, pero no me enfocaría demasiado en lo que es HTML5 o no. La API de historial es anterior a HTML5, pero sigue siendo más útil y vital que el audio web, el estado de la batería o la API de FileSystem que aún no es estándar y que aparece en ese sitio.

Por lo tanto, simplemente seguí el camino de aprendizaje descrito en MDN y luego leí HTML5Rocks, Sitepoint, los blogs de MDN y otras publicaciones de desarrollo web para explorar nuevos temas y aprender nuevos conceptos orgánicamente a medida que trabajas en proyectos que necesitan tecnologías fuera de tu actual cinturón para herramientas.

Estoy de acuerdo con la sugerencia de Calvin Huang sobre la Red de Desarrollo de Mozilla. Aquí está su página de referencia para CSS – referencia CSS – tiene un índice completo en la parte inferior de la página.

Para la referencia definitiva, querrá consultar el Consorcio World Wide Web (W3C). Crean las recomendaciones y estándares.

HTML y CSS – W3C

HTML5 (los elementos HTML están en la sección 4)

Estado actual de HTML

Estado actual de CSS

Mientras aprende, me concentraría más en desarrollar proyectos de práctica que en recordar cada “componente”. Encontrará que algunas cosas las usará todo el tiempo mientras que otras se usan con menos frecuencia.

Creo que debe consultar Mozilla Developer Network y W3c. Ambos sitios le proporcionan toda la información definitiva sobre diseño o desarrollo web. Consulte HTML MDN y CSS MDN para ver los diferentes componentes para HTML5 y CSS3. Es bastante largo publicar aquí sus componentes.