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
Post a Comment