loading image with <div data-src="..."></div>

Question

hey guys, i am working with a bootstrap template right now.

in the <header> is a slider and the image is included with:
<div data-src="images/page-1_slide1.jpg"></div>.

Wheni i changed it to <img src="images/page-1_slide1.jpg"> the image will not load and i can't figure out why...

what is the difference between the the way of including a pic?

thanks for your help!

Answer 1

img tag is not allowed in headers. look at the workround

https://stackoverflow.com/questions/5010487/is-it-proper-to-use-images-inside-header-tags

Answer 2

thanks for your reply because i really didn't know that...

but isn't that kind of strange because in most of all cases there is a logo or image in the header of a website?