For when you ever have links that open in a new window, it helps to have that little image, would this be appropriate: ?

<a href="#" onclick="newwindow()" rel="external"></a>

a[onclick="newwindow()"] {
   padding: 10px;
   background: url("newwindow.png") no-repeat 0 0;
}


Yes, but...

The point of having rel="external" is to provide a hook for an external javascript to add the new window functionality. If you have that external script running, then having the onclick="newwindow()" in the tag is redundant. Also, you may need some new-window links to have other onclick handlers too, so you should match on one of a pattern (foo~="value").

*Also,* having the onclick encoded in the tags reduces your separation of content, presentation, and behavior. When possible, keep the event handlers in the javascript and out of the HTML.

So...

        <a href="#" rel="external"></a>

        a[rel~="external"] {
           padding: 10px;
           background: url("newwindow.png") no-repeat 0 0;
        }

--

        Ben Curtis
        WebSciences International
        http://www.websciences.org/
        v: (310) 478-6648
        f: (310) 235-2067




****************************************************** The discussion list for http://webstandardsgroup.org/

See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************



Reply via email to