Estructura de HTML5 y etiquetas principales
- <html><head></head><body></body></html> Etiquetas principales para marcar el head y body de la codificación (no de la parte visual)
Contenido del HEAD
- Información de la página
- Enlazas archivo css, js
- Fuentes externas de google
- Metadatos
- La página carga primero el head y luego el body por eso es mejor poner javascript en el head
Contenido del BODY
- El body lleva las etiqueas que son la parte visual de la página
- La etiqueta <H1> es para texto importante para los buscadores
- <H1>, <H2> y <H3> para KeyWords <H4> a <H6> para contenido
- 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 diferenciar una frase
- La etiqueta <EM> no le da tanta fuerza como strong pero igual le da fuerza a los buscadores
- La etiqueta <DIV> sonsubconjuntos de cosas que se deben agrupar para darle algún estilo
- 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>
- <img src="../images/pt.gif" alt="Plastitarjetas" />. Además se debe indicar el valor de alt="Mi imágen"
Herramientas
- FireFox Developer Edition
- Visual Studio Code
- Comprimir y descomprimir CSS
- 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
- Cursos de WEB