[whatwg] Proposal for a link attribute to replace <a href>

[Frank Hellenkamp]

> I agree that this is an unconvincing example, but consider instead 
> banner ads that are created from a bunch of HTML markup rather than a 
> single image; they generally want the entire banner rectangle to be 
> "clickable" but make use of tables and all sorts of other strange things.

I also think, that the banner is not a convincing example.

But I step over different kinds of teaser (news- and article-teasers)
during my work, that are made out of images, text and headlines.

Now, you have to do this (without javascript):

<div class="teaser">
	<a href="link.html"><img src="image.png"></a>
	<h3><a href="link.html">newsteaser</a></h3>
	<p><a href="link.html">Text</a></p>
	<p><a href="link.html">Text</a></p>
</div>

If you are good, you also set the a-elements to "display: block" so that
the whole area is clickable, not only the text.

It would be *much* more simple/useful to have something like this:

<div class="teaser" href="link.html">
	<img src="image.png">
	<h3>newsteaser</h3>
	<p>Text</p>
	<p>Text</p>
</div>

Or this:

<a href="link.html">
	<div class="teaser">
		<img src="image.png">
		<h3>newsteaser</h3>
		<p>Text</p>
		<p>Text</p>
	</div>
</a>

By the way:
It would be more accessible with the mouse in this case, because the
clicking-area is much bigger (without css-tricks).


best regards

frank

-- 
frank hellenkamp | interface designer
hasenheide 53 | 10967 berlin

+49.30.49 78 20 70 | tel
+49.173.70 55 781 | mbl
+49.1805.4002.243 912 | fax
jonas at depagecms.net | mail

http://depagecms.net

strnr 14/339/61587