La etiqueta <!DOCTYPE html> Nos dice que es HTML5
La etiqueta HEADER es para la información al inicio de la página
La etiqueta H1 es para texto importante para los buscadores, luego H2, y así hasta H6. H1 dentro del header es la información más relevante para un buscador
La página carga primero el head y luego el body por eso es mejor poner javascript en el head
El contenido del menú se recomienda sea dentro del header solo un h1 dentro del header, h2 pocos, h4 los que quieras para ayudar al buscador
Hyper Text Markup Language
FireFox Developer Edition
Visual Studio Code
Para validar la calidad de la página en HTML5 utilizamos el validador
Normalize Es para quitar los CSS definidos por navegadores y lo que cada usuario personaliza en su máquina
Modernizer - Para la compatilidad con navegadores viejos
Microformas - Quizás echarle un ojo para los nombres de clases
Las imágenes que sean JPG o PNG y sin textos, esos debe ir en el FIGURE y si se les pone título debe tener el FIGCAPTION
Además se debe indicar el valor de alt="Mi imágen"
La etiqueta SECTION es para información relacionada entre si, son las areas más globales por ejemplo todos los cursos
La etiqueta P sirve para poner párrafos.
La etiqueta STRONG ayuda a darle más fuerza semántica a los buscadores
La etiqueta SPAN sirve para poner etiquetas y dentro de un párrafo se incrusta en el texto, pero nos ayuda a diferencias una frase
La etiqueta EM no le da tanta fuerza como strong pero igual le da fuerza a los buscadores
La etiqueta ARTICLE. es para encerrar un post, por ejemplo las características de un curso o el anuncio de una escuela. Cada elemento por si solo no tiene sentido pero todo junto si.
La etiqueta ASIDE es para información que no es parte del contenido de una página, pero esta relacionado, como cuando ves un artículo y te aparece de un lado otros enlaces para temas que también pueden ser de interés.
La etiqueta DIV sonsubconjuntos de cosas que se deben agrupar para darle algún estilo