El marcado semántico en HTML5 se refiere al uso de elementos HTML para fortalecer el significado del contenido en las páginas web en lugar de simplemente definir su presentación o apariencia.
Aquí hay algunos pasos sobre cómo usarlo:
1. Usar los nuevos elementos de bloque semanticos en lugar de divs donde sea apropiado. En lugar de usar el elemento
para todo, puedes usar elementos como
, , , , y . Por ejemplo:
Post de blog
Contenido del blog…
2. Para las imágenes, usa el atributo alt para proporcionar un texto alternativo para aquellos que no pueden ver la imagen. También es importante para el SEO .
```html
3. Para hacer texto de énfasis, usa y en lugar de y .
```html
Este es un texto con énfasis fuerte y énfasis suave .
4. Use las listas ordenadas
para listas donde el orden de los elementos es importante y las listas desordenadas para listas donde el orden no es importante.
5. Usa el elemento para codificar fechas y horas de manera semántica.
```html
Publicado el 7 de Julio .
6. Usa el elemento y para asociar una imagen con una leyenda.
```html
Esta es la leyenda de la imagen
De esta forma, usando elementos semánticos, puedes darle significado a tu código y ayudar tanto a los motores de búsqueda para el SEO como a las tecnologías de asistencia para la accesibilidad.
Genera artículos simplemente para optimizar tu SEO
DinoGeek ofrece artículos sencillos sobre tecnologías complejas
