HTML image tags

I am absolutely new to Bricks, so assume nothing. In my process of learning Bricks and images I am having some difficulty understanding HTML tags. As I understand it (and I may be wrong) When I tag an image as a figure and them inspect it, it should show up as a figure id and when I tag the image as a picture and inspect it it should show up as a picture id. However in my case when I tag an image in Bricks as a figure in Bricks it shows up as a figure id in the inspector, however when I tag it in Bricks as a picture, it still shows up in the inspector as a figure-id



I am sure I am doing something incorrectly, I just don’t know what this is

The picture HTML tag has been removed from the Image element in Bricks 1.12 (Bricks 1.12 Changelog – Bricks). It’s only needed for responsive images (using the “Sources” setting), in which case Bricks automatically uses the picture tag.

Thanks for the quick response. But first, isn’t 1.12 still beta? Secondly and most important to me so I understand the relationship to Bricks settings and the inspector, shouldn’t whatever the HTML tag is set to correlate to what the inspector sees? When I change the image HTML tag to divi it also changes to divi in the inspector, same for figure, it is only when I change the tag to picture does it not change. Why I aske this questions is because I need to know if there should always be a direct correlation to changes made in Bricks and the inspector.

Finally, with respect to v1.12, when I upgrade to 1.12 will it automatically change any "responsive images using the Source setting to use the picture tag?

Yes, 1.12 is currently in beta.

When using the “Sources” setting, Bricks automatically uses the picture tag. You don’t have to set it manually. Which is why we removed it in 1.12 as it only created unnecessary confusion.

Just setting the tag to picture doesn’t do anything, as this tag is only needed when using sources for responsive images (<picture>: The Picture element - HTML: HyperText Markup Language | MDN). In which case Bricks sets the tag to picture anyway.