How can I prevent rendering of some specific html tag content?

Question

Suppose I have this code.

<div>
<img src='my.png' />
</div>

I want that only the div tag is displayed not it's content ( in this case it's img). Or better say the I want the div to be rendered not the img tag within it.

Is there any way of doing it ? Or any alternate method will do. Plz help.

Answer 1

You could set the style of the image to display:none

Answer 2

You could not add the img tag. And only if you wanna show it than add it with javascript to the html.

Or you could search for lazyloading. And that should help you to only load images that are on tge screen visible.

Answer 3

Dragonxiv
But it does not prevent the browsers from requesting the image. I don't want that.