html - Double markup for image -


my current base theme website producing strange double markup article image , don't know if ok, or isn't good, when inspected firebug shows:

<figure class=" field-item even" resource="http://localhost/adapt2/sites/default/files/styles/330/public/field/image/73d7edd1405081e5433c41d9ad2ee18c_l.jpg?itok=eitse7sp" rel="og:image rdfs:seealso"> <img class="image-style-330" width="333" height="333" alt="my image alt" src="http://localhost/adapt2/sites/default/files/styles/330/public/field/image/73d7edd1405081e5433c41d9ad2ee18c_l.jpg?itok=eitse7sp" typeof="foaf:image"> 
  • it seems there hardcoded <figure> tag image, , website produces usual img src tag ;

still - can see 1 image i'm not sure if double markup may produce double image printing?

or better remove hardcoded <figure> markup?

this not double, <figure> container element in html5.

the markup correct, , there appears javascript running generates images @ runtime resource attribute. effect of loading images way stops them blocking initial page load, making appear more responsive end user.

the dodgy part resource attribute formally isn't allowed on figure elements - should data-resource in proper html5. it'll work fine though.


Comments

Popular posts from this blog

javascript - how to protect a flash video from refresh? -

visual studio 2010 - Connect to informix database windows form application -

android - Associate same looper with different threads -