Soy un desarrollador novato y autodidacta. Tengo una confusión sobre la explicación de la etiqueta Figura en W3school:
* - La etiqueta de figura especifica contenido independiente, como ilustraciones, diagramas, fotos, listas de códigos, etc.
- Si bien el contenido del elemento está relacionado con el flujo principal, su posición es independiente del flujo principal y, si se elimina, no debería afectar el flujo del documento.
*
La parte en negrita no tenía sentido en mi cabeza después de leer esto. ¿Podría alguien por favor ayudarme a aclarar?. ¿Qué significa aquí 'flujo principal', 'posición' y 'eliminado'? ¿'Eliminado' significa eliminarlo físicamente de la estructura HTML? Muchas gracias y lo siento si esta es una pregunta amateur.
Aquí está el enlace más relacionado con mi preocupación que encontré en Google, pero no ayuda:
¿Cuál es el uso de la figura HTML5 con img?
<body>
<img src="" alt="" style="width: 10%;">
<p>Trees and Sunset</p>
<figure>
<img src="" alt="" width="10%">
<figcaption>Lorem, ipsum dolor.</figcaption>
</figure>
</body>
El flujo principal consta de tres elementos: img, p y figure. El contenido del elemento de la figura es el segundo elemento img y el elemento figcaption, por lo que están relacionados con el flujo principal por su elemento principal (figura). En cuanto a la posición, el elemento figura tendrá un margen a la izquierda. Por último, si elimina los elementos relacionados, que son los elementos secundarios del elemento de la figura, el flujo principal no cambiará. El orden seguirá siendo el mismo que el de img>p>figure y habrá un espacio en lugar de elementos eliminados.