4 ms·
Well, theoretically, for a HTML5 standards compliant version you could do: <img src="pic.jpg" data-href="about.html"> And this, plus what I suspect it would
by Mahn 14y ago
Well, theoretically, for a HTML5 standards compliant version you could do:
<img src="pic.jpg" data-href="about.html">
And this, plus what I suspect it would be a very tiny global javascript handler that takes care of simulating the links, would pretty much do it.
Of course, there is the question of how well this would work on older browsers, although actually as long as javascript is not disabled I don't think it would give much trouble (data attributes can be easily fetched in IE6 for instance)
Edit: Here's a quick and dirty demo of how this could work: http://jsfiddle.net/Dszvc/2/ http://jsfiddle.net/Dszvc/2/ it could easily be turned into a full featured plugin.
- olavk 14y agoOnly HTML5 compliant in the sense that it is not illegal. There is no standard semantics for data-attributes, so e.g. Google will not index your links.
- Mahn 14y agoTrue, I didn't consider that. I guess you could work around this placing all the links you want to be indexed in a hidden div or something similar though. This could be automated via javascript aswell.
- olavk 14y agoIt would be a lot simpler just to use a-elements though :-)
- SquareWheel 14y agoThe anchor text and surrounding paragraph of the link is also important for SEO-value, so I'm afraid that would not work. I think the idea of a shiv is a neat one, but unfortunately not very practical at the moment.
- deno 14y agoWould Google index attributes in XLink namespace? E.g.: <img src="pic.jpg" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="about.html" /> I know they index SVG documents, and there’s no @href in SVG namespace… Would that work for (X)HTML5 documents, either served as HTML or XML document? You’d still need JS polyfill, but at least the semantics remain intact.