No hay etiquetas específicas que los desarrolladores usen y los principiantes no.
Lo importante es conocer los últimos, los básicos, el soporte del navegador, cómo funcionan, etc.
Si aprendió HTML antes de que se introdujera HTML5, hay algunas etiquetas que se deprecian y se agregan otras nuevas. Aquí está el enlace para HTML5 New Elements .
- ¿Debo usar mi propio CSS o Bootstrap?
- ¿Cuál es la mejor plataforma para el desarrollo de sitios web?
- Cómo crear una página web (blog de imágenes) y ganar dinero con ella
- ¿Cómo crean las personas estas aplicaciones que muestran una URL aparentemente genuina en Facebook y luego redirigen a un sitio web diferente al hacer clic?
- Cómo dominar Node.js
En lo que respecta al desarrollo, depende de los requisitos.
Aquí hay un ejemplo de cómo se usan diferentes etiquetas para la misma cosa pero con diferentes requisitos.
El requisito es desarrollar una página receptiva con imágenes. (Marque esto, sensible )
Nuestra práctica general es usar la etiqueta o establecer la imagen como fondo de algún contenedor usando CSS. En tal caso, tendremos que escribir reglas CSS con consulta de medios para que la imagen responda.
Aquí hay una alternativa para ello. etiqueta.
Nos permite tener múltiples fuentes de imágenes en una sola etiqueta y luego el navegador buscará la imagen perfecta usando la consulta de medios.
img {display: block; margen: 0 automático;}
<fuente
media = “(ancho mínimo: 650px)”
srcset = “images / lorem.png”>
<fuente
media = “(ancho mínimo: 465px)”
srcset = “images / ipsum.png”>
<img
src = “images / kitten-dolor.png”
alt = “sentarse amet”>
Lo importante aquí es el soporte del navegador. Hay algunos navegadores (en realidad, Internet Explorer ) que no admiten esto. Y como desarrollador, debes ocuparte de estas cosas.